- This topic has 11 replies, 3 voices, and was last updated 11 years, 10 months ago by
.
-
Posts
-
Buenas. Acabo de comprar la licencia developer y tengo varias dudas. Lanzo 1
¿Como puedo reducir el margen de la cabecera con la parte superior de la página para que no me deje tanto margen y como reduzco el tamaño de la cabecera para que se ajuste a mi logotipo?
adjunto pantallazo (el texto de las páginas tampoco me queda muy bien posicionado)
Muchas Gracias
Hola,
Estas modificaciones no se pueden realizar a través del panel de opciones de la plantilla. Tendría que modificar el fichero style.css. Puede hacerlo con un editor o a través del panel de WordPress -> Apariencia -> Editor.
Importante: No realice estos cambios a no ser que tenga un mínimo conocimiento de CSS.
Pasos:
1. Abrir fichero style.css
2.1. Modificar margen superior de la página. En la Línea 192 tiene lo siguiente:#container{margin:50px auto; width: 90%; max-width:1280px; min-width: 980px; background: #fff;}
La propiedad a modificar es: margin:50px auto;
El 50 indica el margen superior e inferior de la página respecto al contenido. Puedo poner un valor inferior o si lo prefiero, 0, para que no haya margen.
2.2. Para modificar la altura del encabezado. En la línea 194:
#header{position: relative; background:#121314; min-height: 40px; padding: 0; }
Modifique el valor “min-height”, y ponga uno menor, por ejemplo 30.
Importante: Guarde los cambios y borre el historial de su navegador para poder apreciar los cambios realizados.
Saludos.
Perfecto muchas gracias.
Respecto a la cabecera no queda bien el menú de la derecha (queda desplazado hacia arriba)
¿como lo soluciono? (te pongo el enlace abajo para que lo veas)
Otro cuestión es ¿como cambiar el ancho total de mi web?
Muchas Gracias
Hola,
1) Modificar anchura: De igual manera que realizó los cambios anteriores, por favor haga lo siguiente.
Línea 192:
#container{margin:50px auto; width: 90%; max-width:1280px; min-width: 980px; background: #fff;}
La anchura está definida con max-width:1280px;
Ponga una valor menor a 1280 y mayor que 1024.
Tenga en cuenta que esta modificación puede afectar al diseño de la página.
2) Menú:
Línea 1636:
#primary-nav{position:relative; float:right; display: block;}
Añada la propiedad: margin-top:30px;
#primary-nav{position:relative; float:right; display: block; margin-top:30px;}
Saludos.
Buenas 2 preguntas:
1 ¿Como puedo crear varios apartados en la página principal igual que la demo del tema?
En la foto adjunto marco lo que quiero decir.
2 La versión para móviles de la web me queda bastante mal, sobretodo el menú deplegable de la cabecera ¿hay alguna forma de mejorarlo? ¿se puede eliminar la versión para movil?
Muchas Gracias
Hola,
Lo que indicas en la foto está hecho con shortcodes (botón con una “llave inglesa y destornillador” que aparece en el editor de páginas y posts). Concretamente eso está hecho con tres columnas e iconos.
La versión para móviles no se puede quitar. Lo siento.
Saludos.
Gracias por las rápidas respuestas.
Necesito saber como hacer para que no aparezca ninguna cebecera. Sin logotipo ni texto ni menús.
Gracias
Hola, Jose.
El fichero header.php tendrías qeu borrar todo lo que hay desde la línea 42 (donde pone begin header) hasta el final del propio archivo.
Saludos.
Hola. Un tema rápido.
Como puedo modificar el alto del pié de página.
Te pego enlace de mi web:
http://www.cjexposiciones.com/
como puedes ver abajo no me queda muy fino, tampoco la barra solcial, pero sobretodo el pié de página que es muy grande para solo el pequeño texto que lleva
Gracias
Hola, Jose.
¡Qué gran trabajo has hecho con esta página web! El resultado es realmente bueno.
Para mejorar el footer tiene que modificar el dichero style.css tal como te he comentado en otras ocasiones. Para este cambio tienes que hacer los siguiente:
1) Línea 833:
#footer-social-profiles,
#footer-social-profiles-mini{float:right; margin-top: 10px;}Tienes que eliminar la propiedad margin-top: 10px;, por tanto queda así:
#footer-social-profiles,
#footer-social-profiles-mini{float:right;}2) Línea 897:
#footer{background-color:#000; min-height:48px; padding:30px 0 15px 0; text-shadow:1px 1px 2px #000}
Tienes que quitar la propiedad “padding” quedando por tanto así:
#footer{background-color:#000; min-height:48px; text-shadow:1px 1px 2px #000}
Una vez hechos los cambios, guarda el archivo y borra el historial y caché del navegador para ver los cambios.
Te adjunto una imagen para que veas el resultado una vez hechos los cambios.
Hola Marcos.
En mi caso quiero aumentar el tamaño de la cabezera y poner una imagen entonces tendría que modificar la linea 194? quiero ponerlo en 140px, es posible hacerlo ?
Saludos
- You must be logged in to reply to this topic.