Cambiar tamaño de texto en titulares de articulos destacados gantry5  

 
Lady Adriana
 Lady Adriana
Estimable Member

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

Citar
Respondido : 19/11/2017 1:09 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 19/11/2017 7:19 pm

Cursos Gratuitos WordPress

Lady Adriana
 Lady Adriana
Estimable Member

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)

ResponderCitar
Respondido : 19/11/2017 7:49 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 19/11/2017 11:05 pm

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

Lady Adriana
 Lady Adriana
Estimable Member

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.

ResponderCitar
Respondido : 20/11/2017 10:58 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 20/11/2017 1:30 pm

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

Lady Adriana
 Lady Adriana
Estimable Member

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.

ResponderCitar
Respondido : 20/11/2017 2:36 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 20/11/2017 4:37 pm

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

Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 20/11/2017 4:41 pm
Lady Adriana
 Lady Adriana
Estimable Member

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.

ResponderCitar
Respondido : 20/11/2017 5:35 pm

Cursos Gratuitos WordPress

Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 20/11/2017 9:00 pm
Lady Adriana
 Lady Adriana
Estimable Member

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.

ResponderCitar
Respondido : 20/11/2017 10:00 pm

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

Por favor Iniciar Sesión o Registro