Avisos
Vaciar todo

[Resuelto] negritas en el post  

Página 1 / 2
 
Patricia
 Patricia
Usuario eminente

Hola,

 

Después de añadir el código para modificar las negritas de las listas y la letra, ahora no se aprecia la diferencia entre letra normal y negrita. ¿Cómo puedo solucionarlo?

Os pongo el código CSS que tengo:

article ul li, article ol li{
font-weight: normal!important;
}

.site-content li span {
font-weight: 300 !important;
line-height: 30px;
}

.site-content li strong span {
font-weight: 900 !important;
}

.clearfix.entry-content {
font-family: Nunito, arial, sans-serif !important;
}

.clearfix.entry-content p span {
font-family: Nunito, arial, sans-serif !important;
}

ul li span {
font-family: Nunito, arial, sans-serif !important;
}

.site-content li strong span {
font-weight: 1500 !important;
}

 

Muchas gracias por vuestra ayuda.

Saludos,

Contenido solo visible a usuarios registrados

Respondido : 09/06/2021 10:08 am
Pepe
 Pepe
Soporte CMS Webempresa Moderator

Hola Patricia.

A que te refieres con las listas ?

No se si te refieres a esto:

screenshot inspectorageek.com 2021.06.09 11 28 49

Si es eso modifica el siguiente código:

.site-content li span {
font-weight: 300 !important;
line-height: 30px;
}

 

Por lo siguiente:

.site-content li span {
font-weight: 900 !important;
line-height: 30px;
}

Si no es eso, por favor adjunta una captura con el texto que quieres poner en negrita.

 

Un saludo

Respondido : 09/06/2021 10:30 am

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

Patricia
 Patricia
Usuario eminente

@pepesoler

Hola,

Gracias por tu respuesta.

Es en general, en algunos post no se aprecia la diferencia entre negrita y normal, mientras que en otros pasa como en la foto que has enseñado tu.

Al sustituir tu código, se ve más grande, pero sigue igual. 

Sólo debería estar en negrita las letras amarillas, y normal el resto del post (en cualquier port debería ser así)

 

Gracias de antemano.

Respondido : 09/06/2021 1:03 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Patricia, 

En este caso veo que si se están aplicando los cambios, al ingresar por ejemplo en el post -> Contenido solo visible a usuarios registrados puedo ver que las fuentes que están en negrita solo son las de color amarillo

Realme activa un

¿Puedes indicarnos un post donde esto no se esté aplicando? 

Un Saludo 

Respondido : 09/06/2021 1:08 pm

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

Patricia
 Patricia
Usuario eminente

@karen

Hola,

 

En el post que comentaba tu compañero, en la parte de la viñeta no se está aplicando, la url es https://inspectorageek.com/icloud-en-windows/ gracias

image
Respondido : 09/06/2021 1:46 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Patricia, 

En este caso verifica si dentro de la lista que estás creando en este post tienes algunos estilos que estén sobreescribiendo las reglas de CSS que le estás añadiendo, por ejemplo edita el post y verifica si añades un formato específico 

Screenshot (60)

Un Saludo 

Respondido : 09/06/2021 1:56 pm

Cursos Gratuitos WordPress

Pepe
 Pepe
Soporte CMS Webempresa Moderator

Hola Patricia.

Tienes que eliminar primero este código:

.site-content li span {
font-weight: 300 !important;
line-height: 30px;
}

Una vez lo tengas eliminado añade el siguiente:

.site-content li span {
font-weight: 900 !important;
line-height: 30px;
}

Un saludo

Respondido : 09/06/2021 2:10 pm
Patricia
 Patricia
Usuario eminente

@karen

Hola,

No sé a que te refieres, lo siento.

Si miro dentro de la parte html del post, esto es lo que veo:

<li><span style="font-family: helvetica, arial, sans-serif; font-size: 14pt; color: #5d5d5d;">Primero, <strong><span style="color: #eebd2f;">descarga</span> </strong>la aplicación:</span></li>
</ol>
<span style="font-family: helvetica, arial, sans-serif; font-size: 14pt; color: #5d5d5d;">Si tienes Windows 10 puedes acceder a la tienda de Microsoft Store y descargar desde allí la <a href="https://www.microsoft.com/es-es/p/icloud/9pktq5699m62?rtc=1&amp;activetab=pivot:overviewtab">aplicación</a> de iCloud para Windows: Si tienes versiones anteriores de Windows puedes descargar la aplicación desde la <a href="https://support.apple.com/es-es/HT204283">página de Apple</a></span>
<ol start="2">
<li><span style="font-family: helvetica, arial, sans-serif; font-size: 14pt; color: #5d5d5d;">Una vez haya terminado la instalación de iCloud, <strong><span style="color: #eebd2f;">reinicia</span> </strong>el ordenador.</span></li>
<li><span style="font-family: helvetica, arial, sans-serif; font-size: 14pt; color: #5d5d5d;">Después deberá <strong><span style="color: #eebd2f;">abrirse</span> </strong>automáticamente <strong><span style="color: #eebd2f;">la aplicación</span></strong>, si no fuera así: ve a Inicio, programas o aplicaciones y clica en iCloud.</span></li>
</ol>
<span style="font-family: helvetica, arial, sans-serif; font-size: 14pt; color: #5d5d5d;">También es posible que lo tengas minimizado en la esquina inferior derecha, y con un solo clic se abra.</span>

 

¿Te sirrve?

 

Gracias

Saludos,

Respondido : 09/06/2021 3:36 pm

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

Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Patricia, 

Antes de continuar, prueba el código que te ha compartido Pepe y verifica si con ello logras solucionarlo

Respondido por: @pepesoler

Tienes que eliminar primero este código:

.site-content li span {
font-weight: 300 !important;
line-height: 30px;
}

Una vez lo tengas eliminado añade el siguiente:

.site-content li span {
font-weight: 900 !important;
line-height: 30px;
}

Verifica esto y nos comentas como ha ido todo

Un Saludo 

Respondido : 09/06/2021 3:41 pm
Patricia
 Patricia
Usuario eminente

@karen

Hola,

Si, ya lo había probado, las negritas no se arreglan, aunque la letra aumenta de tamaño:

image
Respondido : 09/06/2021 4:07 pm

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

Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Patricia, 

En este caso el problema puede estar en los estilos que se están añadiendo dentro de tú etiquetas span en las listas de este artículo, te explico un poco. Dentro del código que me pasas veo que tus etiquetas tienes algo como:

style="font-family: helvetica, arial, sans-serif; font-size: 14pt; color: #5d5d5d;"

Screenshot (61)

Esto lo que hace es que el texto que tienes dentro de él adquiera un color, fuente, y tamaño diferente al del resto de tu sitio web, como esta es una regla que se aplica sobre cualquier otra regla que añadas en el CSS siempre se va a aplicar sobre cualquier otra por prioridad, al añadir por ejemplo una fuente diferente todo el estilo de tu texto cambia. 

Lo que tienes que hacer es editar tu artículo y eliminar este pedazo de código que añade un estilo diferente, de esta forma tus listas tomaran el estilo del resto del cuerpo de tu artículo. 

Por ejemplo:

Articulo con estilo en las etiquetas

image

Sin el estilo en las etiquetas

image

Ten en cuenta que cuando editamos un artículo y pegamos un texto de Word, Google Docs u otro editor de texto usualmente también añade estilos adicionales en nuestras etiquetas que no queremos tener, por ello te sugiero que cuando edites tus artículos si pegas algún texto lo hagas sin estilos de esta forma te aseguras de no añadir ningunas fuentes, colores adicionales u otros tamaños a ellos. 

Sin título 1.jp

Verifica esto y nos comentas como ha ido todo

Un Saludo 

 

Esta publicación ha sido modificada el hace 5 meses 2 veces por Karen Rios
Respondido : 09/06/2021 4:27 pm
Patricia
 Patricia
Usuario eminente

@karen

Hola,

¡Ha funcionado! No sabía que se pegaba estilo al copiarlo de un word, lo tendré en cuenta.

Pero ahora, la letra se ve muy pequeña.

Tengo en CSS un cambio de tipografía, en el editor de texto de wordpress no tengo Nunito, si no Helvetica. Así que escribo el testo con helvética y lo cambio con CSS

Pero ahora cómo puedo hacer la letra más grande? en el editor de texto de wordpress está al 14, pero se ve más pequeña:

Gracias.

image

 

Respondido : 09/06/2021 4:37 pm

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

Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Patricia, 

En este caso, ya que eliminas los estilos que se añaden dentro puedes probar aumentar la fuente con un código CSS; por ejemplo

ol li {
font-size: 14pt;
}

Si quieres que todos los párrafos, es decir las etiquetas p también tengan un tamaño de fuente específica puedes probar el siguiente código:

p {
font-size: 14pt;
}

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

Un Saludo 

Respondido : 09/06/2021 4:43 pm
Patricia
 Patricia
Usuario eminente

@karen

Ok, pero entonces, siempre tendré que borrar en cada post todo el código que añade estilo, uno a uno. O simplemente, copiando el texto como texto plano, no apareceran, y se aplicará lo que tenga en Apariencia -> Personalizar -> CSS Adicional

Gracias

Respondido : 09/06/2021 5:02 pm

Cursos Gratuitos WordPress

Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Patricia,

Exactamente, debes o bien escribir nuevamente el contenido que deseas tomar ya sea de un documento de word o de una pagina web pero no copiar y pegar a tu contenido ya que tomará los estilos que se apliquen a estos ambos casos.

En caso de word puedes ver esta guia:

https://support.microsoft.com/es-es/office/borrar-todo-el-formato-de-texto-c094c4da-7f09-4cea-9a8d-c166949c9c80

En caso de una página usualmente tienes la opción de:

image

Ten en cuenta esto cada vez que tengas que agregar contenido.

Un saludo 🖐️ 

Respondido : 09/06/2021 5:09 pm
Página 1 / 2