Avisos
Vaciar todo

[Resuelto] Tipografía Lovecraft en listas con viñetas/numeradas.  

 
Miguel Ángel
 Miguel Ángel
Reputable Member

Buenas tardes.
Mi sitio web tiene como elemento principal un blog, el cual se encuentra en fase muy embrionaria.
La URL de la portada de mi sitio web es
https://ocioybelleza.com/
aunque actualmente la tengo en "Modo construcción/mantenimiento".

Mi tema elegido es Lovecraft y también he instalado el plugin Easy Google Fonts (EGF), el cual me permite personalizar la tipografía. Me gustaría una fuente sans serif, tipo Helvetica, Arial o similar. El plugin EGF me funciona bien con este tipo de fuentes para párrafos, H1, H2, etc., pero cuando incluyo una lista con viñetas o numerada, no me funciona. Para resolver esto lo que estoy haciendo es usar el editor HTML de entradas (posts del blog), empleando
<span style="font-family: Helvetica;">texto en Helvetica</span>
en el texto de la lista con viñetas/numerada.

Personalmente no me gusta esta solución porque tengo que aplicarla en todas y cada una de las entradas del blog y en todas y cada una de las listas con viñetas/numeradas.
Quizás exista una forma mejor de resolver este problema. Si es así, os agradecería que me pudierais ayudar.

 

Contenido solo visible a usuarios registrados

Respondido : 12/07/2021 3:07 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Que tal Miguel Ángel,

Para poder ver a mas detalle lo que deseas realizar es necesario que retires el modo mantenimiento y nos envíes el enlace de donde estas haciendo el ajuste antes explicado.

Podría recomendarte aplicarle una clase a la lista y luego por medio de CSS cambiar el tipo de letra pero seria ideal poder inspeccionar el elemento.

Saludos!

Respondido : 12/07/2021 3:17 pm

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

Miguel Ángel
 Miguel Ángel
Reputable Member

@bruno-vichetti Saludos de nuevo.

He retirado provisionalmente el modo mantenimiento.

Podrás ver una lista numerada/con viñetas en

https://ocioybelleza.com/sprays-multifuncion-cosmetica-5-en-1-al-neceser/

Actualmente el texto de la lista sale en 'Helvetica' porque así lo hecho "a mano" en HTML mediante

<span style="font-family: 'Helvetica','Arial','sans-serif','Helvetica Neue';">Texto</span>

pero preferiría no tener que hacerlo así, ya que tendría que incluir la etiqueta <span> en todas las entradas una a una y en cada lista una a una.

Gracias de nuevo.

Respondido : 13/07/2021 12:04 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Miguel Angel, 

Son diferentes opciones las que puedes emplear para añadir esta tipografía de forma global, por ejemplo una opción es asignar esta tipografía a toda la fuente del sitio web de forma que cuando añadas una nueva entrada sea esta la que se asigne.

Otra opción es que añadas de forma global la fuente para las listas de esta forma al añadir alguna debe tomar este estilo que estás añadiendo, por ejemplo puedes probar añadir lo siguiente

ol {
font-family: 'Helvetica','Arial','sans-serif','Helvetica Neue' !important;
}

ul {
font-family: 'Helvetica','Arial','sans-serif','Helvetica Neue'!important;
}

Si quisiera añadir la fuente también a otro elemento por ejemplo las etiquetas <spam> puedes probar

span {
font-family: 'Helvetica','Arial','sans-serif','Helvetica Neue'!important;
}

Estos códigos debes añadirlo en el apartado Apariencia -> Personalizar -> CSS Adicional

Verifica si con ellos logras configurar de forma global las tipografías como deseas

Un Saludo 

Respondido : 13/07/2021 12:53 pm
Miguel Ángel me gusta

Miguel Ángel
 Miguel Ángel
Reputable Member

@karen He optado por añadir de forma global la fuente para las listas, definiéndola en <ol> y <ul> en el apartado Apariencia -> Personalizar -> CSS Adicional y funciona perfectamente. 🙂

Muchas gracias.

Respondido : 13/07/2021 1:28 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Miguel Angel, 

Enhorabuena, ha funcionado, siempre encantados en poder ayudarte

Con esto podemos dar el tema como solucionado, escríbenos si tienes cualquier otra consulta

Un Saludo 😊 

Esta publicación ha sido modificada el hace 3 años por Karen Rios
Respondido : 13/07/2021 1:32 pm

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