Avisos
Vaciar todo

Modificar titulos de los módulos que aparecen como categorias en el template Helix 3 (2.5.8)  

 
Ignacio
 Ignacio
Usuario eminente

Buenas tardes, tengo instada la plantilla gratuita de Joomla, y deseaba personalizarla un poco. Pero al ser gratuita y después de consultar la documentación no se dónde poder tocar para por ejemplo poner los títulos de las categorías de noticias en diferentes colores o ponerle algún atributo distinto o bien por ejemplo poner el background de un fondo de un color determinado.

Eché un vistazo a los css pero me pierdo y tampoco se dónde tocar exactamente. Se que hay que crear un custom.css e introducir cosas pero a partir de ahí estoy un poco pez, además no sé luego donde puedo hacer referencia a esas características de css dentro de los módulos. Por ejemplo en el caso de querer poner el fondo a un módulo de otro color.

Gracias y muy agradecido si me ofrecen algo de luz.

Saludos.

Contenido solo visible a usuarios registrados

Citar
Respondido : 30/11/2021 12:34 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Ignacio, 

En este caso todo depende de los elementos que deseas modificar, por ejemplo si quieres modificar los estilos de los textos debes inspeccionar el código CSS y luego ir realizando modificaciones, como te comento todo depende de lo que quieres modificar para ver los estilos de estos elementos.

No me queda muy claro a que te refieres con colocar los títulos como las categorías? Puedes enviarnos alguna captura de lo que deseas hacer de esta forma podemos ayudarte

Un Saludo

ResponderCitar
Respondido : 30/11/2021 1:38 pm

Cursos Gratuitos WordPress

Ignacio
 Ignacio
Usuario eminente

@karen como tu bien dices lo mismo no me expliqué bien. Se trata de los títulos de los módulos que en la demo del template los vi con un aspecto muy original y al poner yo la plantilla en mi portal no vi ningún sitio donde cambiar lo que aparece en la página de inicio donde en mi caso los títulos de los módulos distinguen las distintas secciones de la web. Si pudiera tocar el título del módulo (fuente o color), o el fondo del título para que apareciese en la pantalla de inicio algo más destacado te lo agradecería. Si puedes echarle un vistazo al template y decirme cómo y qué ficheros podría tocar te lo agradecería. Te adjunto trozo de pantalla donde te marco los diferentes títulos de los módulos que engloban artículos dentro de la web www.feafass.org

nombremodulo

 

ResponderCitar
Respondido : 01/12/2021 1:22 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Ignacio, 

Veo que actualmente esta plantilla muestra diferentes opciones para modificar en ella, por ejemplo los colores los cambias desde la opción de Presets 

Screenshot (47)

De igual forma si deseas cambiar las tipografías puedes hacerlo en la opción que Typograhy disponible en las opciones 

Screenshot (48)

Lo que no veo es una opción para personalizar mucho los títulos, por lo que si quieres añadir estilos específicos es posible requieras modificar el código CSS por ejemplo

h3.sp-module-title {
font-weight: 900!important;
font-size: 30px!important;
color: #eb0000;
}

El resultado podrias ser por ejemplo

Screenshot (49)

Adicional veo que la plantilla te permite añadir CSS personalizado desde sus opciones en la pestaña  Custom Code -> Custom CSS

Screenshot (50)

Ten en cuenta que no sé cómo viste estos títulos en el demo por lo que si quieres un cambio especifico puedes enviarnos alguna captura o URL del ejemplo y de esta forma ayudarte con mayor detalle

Un Saludo 

 

 
ResponderCitar
Respondido : 01/12/2021 1:55 pm

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

Ignacio
 Ignacio
Usuario eminente

@karen Muchísimas gracias, como me habéis indicado he modificado el custom.css para incluir unas líneas similares a las que me habéis enviado y el resultado es bastante mejor que el que tenía. Sería mucho pedir cómo modificar el fondo de la celda que contiene el título o alguna línea en la que pueda separar un módulo de otro. Es que son secciones diferentes y en realidad lo que quería era separar o distinguir unas de otras.

Gracias y si no puede ser, muy agradecido en cualquier caso.

Saludos.

ResponderCitar
Respondido : 01/12/2021 8:43 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Ignacio,

No veo que tengas aplicado el mismo css que te compartió Karen, supongo que lo has modificado a tu estilo, te comparto uno nuevo sin embargo ya te explico mejor:

h3.sp-module-title {
text-decoration: underline !important;
}

Este código como vez tiene el mismo nombre que te compartió Karen > h3.sp-module-title pero crea un código diferente > text-decoration: underline !important;, si lo deseas puedes agregar una linea nueva en el que tu has modificado y le colocas esto ultimo que indica underline para que se aplique una linea inferior:

image

Igualmente si colocas al final del todo el que te coloque en un inicio también funcionaria, si no es esto lo que te referías coméntanos con una captura para poder identificar lo que deseas agregarle un lineado.

Un saludo 🖐️ 

ResponderCitar
Respondido : 01/12/2021 9:10 pm

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