Avisos
Vaciar todo

Modificar cabecera plantilla  

 
Angélica
 Angélica
Honorable Member

Quería modificar el tamaño de la cabecera de la plantilla encelado para que quepa el logo.
He intentado utilizar el Firebug, pero no encuentro la forma.
He encontrado la dirección. https://fontilles-cp54.webjoomla.es/libraries/gantry/css/grid-responsive.css para la plantilla y para el logo.
https://fontilles-cp54.webjoomla.es/templates/encelado/css-compiled/master-866...
me parecía una dirección muy rara.
Gracias, un saludo

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 20/03/2014 1:05 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Crea un archivo de nombre encelado-custom.css y agrega en él el siguiente código:

#rt-logo {
height: 68px !important;
}

Guardar los cambios y sube el archivo en la ruta templates/encelado/css. Así se debería ver completamente tu logo.

ResponderCitar
Respondido : 20/03/2014 3:22 pm

Cursos Gratuitos WordPress

Angélica
 Angélica
Honorable Member

Gracias! ya he podido hacerlo. Una cosa, por qué no puedo hacerlo directamente sobre la plantilla .css. ¿Es porque está activa la opción less? si la desactivo podría hacer esas modificaciones sin crear nuevos archivos?

ResponderCitar
Respondido : 21/03/2014 12:36 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

En efecto, esta plantilla utiliza LESS para generar los estilos CSS y esta opción no se puede desactivar, es decir, los CSS siempre se generarán a partir de los archivos LESS.

Aunque los cambios los podrías aplicar directamente en los archivos LESS esto es algo poco recomendable debido a que en caso de cometer cualquier tipo de error la web dejará de cargar, cosa que no ocurre cuando haces una modificación incorrecta en los estilos CSS, que como mucho provocaría cambios en el diseño.

Es por ello que esta plantilla dispone de la opción de poder agregar estilos CSS personalizados dentro del archivo encelado-custom.css. Esto realmente puede suponer una ventaja, ya que de esta forma podremos tener localizados en un único sitio todas las personalizaciones en los CSS que hayamos realizado.

ResponderCitar
Respondido : 21/03/2014 2:30 pm

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

Angélica
 Angélica
Honorable Member

Veo que dices "Agregar", es decir, no se puede modificar directamente el archivo .css.
Siempre que requiera hacer una modificación, tengo que crear un archivo nuevo y subirlo a esa carpeta? (Tal y como hicimos con el logo)

Lo que veo muy complicado es lo de ver dónde se encuentra los archivos. Con la página ONEpage lo podía ver a través del firebug pero con ésta me resulta más complicado, ¿hay alguna forma de visualizarlo mejor?

ResponderCitar
Respondido : 24/03/2014 10:22 am
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

No es necesario agregar un archivo css cada vez que quieras aplicar un cambio. Con tener un único archivo de nombre encelado-custom.css en la ruta templates/encelado/css podrás agregar en él todas las personalizaciones que tenías.

Es decir, si ya habías creado el archivo para una modificación anterior puede añadir el nuevo cambio en ese archivo sin tener que volver a crearlo de nuevo.

Sobre el tema de la visualización, como te había comentado anteriormente, esta plantilla utiliza LESS, por lo que el código que se carga es compilado de esos archivos.

De todas formas no es necesario localizar cambios ya que los aplicarás todos en el archivo encelado-custom.css.

ResponderCitar
Respondido : 24/03/2014 3:12 pm

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