Buenos días y espero esten bien.
Al trabajar en Gantry 5 plantilla Hydrogen, el tamaño de los textos de los titulares de articulos destacados en la pagina inicial son muy grandes.
¿Como puedo bajar el tamaño de letra de los articulos destacados?
Al hacer eso ¿afectara los articulos que estan en esa categoria o solo los que estan destacados?
De antemano gracias por la ayuda.
ATT: Lady
URL del sitio: Contenido solo visible a usuarios registrados
Hola Lady Adriana,
Lo propio seria que localizases el archivo de estilos CSS hydrogen_32.css y localizases donde se gestionan los estilos H1, H2, H3, etc., y realizases el ajuste de tamaño de fuente para H2 que es el usado en los títulos y bajases de 500px (actual) por ejemplo a 350px (o el valor que consideres apropiado) y verifiques si el comportamiento es el deseado.
Haz una copia de seguridad del archivo CSS que vayas a modificar antes de aplicar cambios.
Saludos
Luis buenas tardes y gracias por responder.
Encontre el archivo que dices en la siguiente ruta: /public_html/templates/g5_hydrogen/custom/css-compiled/hydrogen_32.css
Finalmente, cambie el valor que mencionas de 500 a 350 y al subir el archivo con filezilla, refrescar y borrar cache, veo que no se refleja el cambio y sucede algo aun mas extraño, editando el archivo en mi pc cambio el valor de 500 por el de 350 pero al abrir el archivo desde el servidor, el valor de 350 se restablece a 500 es decir, no esta respetando los cambios realizados. (adjunto captura de pantalla)
Hola Lady Adriana,
La recomendación es que los cambios en archivos de tu web, como es el caso de hydrogen_32.css los hagas desde tu cPanel, Archivos, Administrador de Archivos, localizando en la carpeta /public_html/templates/g5_hydrogen/custom/css-compiled/ el archivo y con el "Editor" (Edit, opción superior de esa pantalla), lo abras y apliques los cambios indicados.
Por FTP el problema es que si editas este tipo de archivos, les puedes cambiar los permisos y la codificación y eso luego afectará a su funcionamiento.
Asegúrate de no tener cacheados os contenidos porque eso dificultará que veas os cambios que apliques.
Si persiste el problema de visibilidad de los cambios abre una nueva ventana de tu navegador en "modo incógnito" y prueba de nuevo a carga de a web y si los cambios se ven reflejados.
Saludos
Luis buenos dias.
He realizado los cambios desde el editor de Cpanel con el valor de 350 adjunto captura 1
Tambien verifique los cambios desde una ventana en Chrome en modo incognito, adjunto captura 2, segun veo el cambio si pudo realizarse, pero el tamaño de la letra no bajo, se mantuvo igual, tampoco tengo habilitada la cache de Joomla.
Hola lady.
Prueba añadiendo lo siguiente:
.row-fluid .span6 h2 { font-size:20px!important; }
Puedes variar el valor " 20px " aumentando o disminuyendo hasta encontrar el tamaño que desees.
Un saludo
Hola pepe.
Puse el codigo en el custom.scss y funciona, sin embargo, veo que al entrar en algunas categorias, los dos primeros articulos se muestran con titulo grande, en otras categorias solo el primer articulo se muestra con titulo grande y en otras no se muestra con titulo grande sino con el tamaño de letra que deberian tener los titulos de los articulos, quizas eso en parte se deba a que algunos items de menu de las categorias tienen configuraciones diferentes para mostrar uno o dos destacados a lo largo y asi.
Seria entonces un codigo que de manera globlal deje todos los titulos de los articulos en un mismo tamaño.
Hola Lady.
Cada titular puede ser distinto dependiendo de la posicion, del bloque, etc..
Todas esas modificaciones se realizan por css, si nos indicas que titulares son con alguna captura podremos ver cómo lo solucionamos.
Un saludo
Hola
En lugar del código anterior prueba con el siguiente código:
h2.item-title a, h2.item-title{ font-size:10px; }
Tambien podrías agregar !important pero prueba primero sin esta opción.
Saludos.
Hola Jhon
Sustitui el codigo de pepe por el tuyo en el custom.scss quedando asi:
h2.item-title a,
h2.item-title{
font-size:23px; !important;
Veo que los titulares de los artículos destacados del inicio quedaron perfectos, sin embargo, generó un error en el backend en las opciones del manejo del gantry con algo relacionado con Twig, removi el ¡important; y quedó nuevamente bien.
Los títulos de los artículos en otras categorías no variaron, siguen viéndose algo grandes pero no me incomoda, de hecho, me gusta como se ven, le dan un aire diferente a las categorías.
Doy por cerrado el tema agradeciendo de antemano a Pepe y a Jhon por su gran disposición de ayudar, muchas gracias muchachos.
Hola
El código con !important era incorrecto, deberías borrar el ; que esta entre px y !, aunque es mejor que lo dejes sin !important si ya te esta funcionando.
Asegúrate de que el código CSS que agregaste tenga la llave final cerrada, ya que de otro modo todo el código que viene después no funcionará. (en caso decidas agregar más código en el futuro)
Saludos.
Hola Jhon y gracias por el concejo, en efecto se que mas adelante agregare mas codigo porque faltan un par de cosas pero las dejare para despues.
También gracias a pepe por su valiosa ayuda.
Ya podemos cerrar este tema.