Avisos
Vaciar todo

Cabecera s5_vertex template  

 
antonio
 antonio
Estimable Member

Buenas tardes

¿cómo puedo cambiar el alto de la cabecera de la plantilla vertex?

Además, aparte del logo, ¿es posible poner una descripción como en otras plantillas?

Un saludo

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 06/11/2014 8:11 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Ubica el archivo : /templates/shape5_vertex/css/custom.css

Al final agrega :

#s5_header_wrap{
  padding:20px;
  min-height:100px
}

Puedes dejar solo el padding, min-height ya no sería necesario

Con respecto a la descripcion , revisa la configuración de tu plantilla, si no tiene esta opción tendrías que evaluar poner la descripción como parte del logo, tal como tienes ahora

Saludos.

ResponderCitar
Respondido : 06/11/2014 9:18 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

antonio
 antonio
Estimable Member

Perfecto, muchas gracias

ResponderCitar
Respondido : 07/11/2014 8:04 am
antonio
 antonio
Estimable Member

Otra cosa, ¿por qué algo similar pero para s5_menu_wrap parece no tener efecto?

Un saludo

ResponderCitar
Respondido : 07/11/2014 8:14 am

Cursos Gratuitos WordPress

Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Tendrías que indicarnos qué cambio exacto quieres hacer en el menú. Veo que actualmente en el archivo custom.css has agregado el siguiente código para los estilos del menú:

#s5_menu_wrap{
background-color:#7DDB35;
border-color:#FFFFFF;
}

Estos cambios en el color de fondo y en el borde los veo aplicados en tu web. Si tú no los ves es posible que tengas cacheado es archivo custom.css en tu navegador. Prueba a pulsar Control+F5 para forzar la recarga de las hojas de estilo.

ResponderCitar
Respondido : 07/11/2014 11:31 am
antonio
 antonio
Estimable Member

Lo que quiero hacer es lo mismo que con el header, modificar el alto de la barra de menú?

ResponderCitar
Respondido : 07/11/2014 1:09 pm

Lorena
 Lorena
Miembro Moderator

Hola Antonio,

Puedes usar el siguiente código:

#s5_menu_wrap {
    background-color: #7DDB35;
    border-color: #FFFFFF;
    height: 30px;

Modificando el valor de height por el que quieras.

Un saludo.

ResponderCitar
Respondido : 07/11/2014 1:22 pm
antonio
 antonio
Estimable Member

¿puedo colocar una imagen como fondo de la cabecera s5_vertex template?

Un saludo

ResponderCitar
Respondido : 10/11/2014 10:54 am

wpdoctor-revisa-la-salud-de-tu-wordpress

Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Sí, podría hacerlo con la propiedad background-image. Puedes ver su uso en el siguiente enlace:

http://www.w3schools.com/cssref/pr_background-image.asp

Veo que en el archivo custom.css ya has colocado esa propiedad, aunque el parámetro url está vacío. Coloca la imagen en la misma ruta donde tengas el css. Si, por ejemplo, la imagen se llama fondo_cabecera.jpg el código a añadir sería el siguiente:

#s5_header_wrap{
background-image:url("fondo_cabecera.jpg");
}
ResponderCitar
Respondido : 10/11/2014 12:12 pm
antonio
 antonio
Estimable Member

Muchas gracias

Ahora la pregunta del millón ¿existe algún sitio donde puede encontrar todos los campos css aplicables a la plantilla s5_vertex?

Un saludo

ResponderCitar
Respondido : 10/11/2014 1:56 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Si lo que estás preguntando es por todos los estilos CSS que se están aplicando en la página, por regla general estos no se cargan desde un único archivo, sino que pueden ser varios.

La plantilla de Joomla que se esté usando puede tener uno o varios (lo más común) hojas de estilos CSS. Por otro lado los módulos o componentes que se cargan en la web pueden añadir sus propias hojas de estilos CSS.

En tu caso parece que la mayor parte de los estilos CSS de la plantilla se cargan desde el archivo templates/shape5_vertex/css/template.css

La mejor forma de saber las hojas que se están usando es que revises el código fuente de la página en busca de llamadas a archivos .css

Además, dentro del propio código fuente puedes encontrar estilos CSS que se cargan de forma directa, sin utilizar un archivo .css

ResponderCitar
Respondido : 10/11/2014 2:59 pm
antonio
 antonio
Estimable Member

Muchíiisimas gracias.

Un saludo

ResponderCitar
Respondido : 10/11/2014 7:13 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress