Avisos
Vaciar todo

Aplicar negrita para diferenciar en el desplegable entre categor√≠as y subcategor√≠as  

 
Perel
 Perel
Usuario experto

Hola estoy creando una web Divi+ Woo y el el apartado tienda se muestra un desplegable par las categorias.

Alli se muestras categorias y subcategorias.
Me gustaria poder diferenciar el texto de las categorías con una negrita para que fuese más comprensible.

Captura de pantalla 2020 11 21 a las 7.30.09

muchas gracias

 

Contenido solo visible a usuarios registrados

Citar
Respondido : 21/11/2020 6:41 am
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Perel,

Puedes probar si guel siguiente CSS funciona para lo que necesitas, debes a√Īadirlo en el apartado Apariencia -> Personalizar -> CSS Adicional

.level-0 {
font-weight: bold !important;
}

Un Saludo

ResponderCitar
Respondido : 21/11/2020 1:31 pm
Perel
 Perel
Usuario experto

Hola Karen, gracias por tu respuesta.

Lo he a√Īadido pero no funciona.

Estoy trabajando con un DIVI childtheme....

gracias

ResponderCitar
Respondido : 21/11/2020 1:45 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Perel,

Es posible que exista una regla superior que no permita apliques el cambio en tu sitio web, por ejemplo puede ver que ahora en el desplegable de tus categorías se muestra todas las fuentes e negrita, prueba si al asignar una fuente de menor peso dentro del body te toma el cambio.

Por ejemplo

body {
font-weight: 300;
}

.widget_product_categories .dropdown_product_cat .level-0 {
font-weight: 600;
}

Nos comentas como ha ido todo

Un Saludo

 

ResponderCitar
Respondido : 21/11/2020 6:33 pm
Perel
 Perel
Usuario experto

@karen

Hola buenos dias.

Intente poder diferenciar el texto de las categorías con una negrita para que fuese más comprensible. 

Me ha aparecido el texto en el desplegable de las categorias de las entradas, pero no me aparece en el desplegable (que es el que m√°s me interesa) de categorias de productos.

Gracias por vuestra ayuda

tienda misangeles
Captura de pantalla 2020 11 27 a las 21.31.55
Captura de pantalla 2020 11 27 a las 21.45.20

 

ResponderCitar
Respondido : 27/11/2020 8:45 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Envíanos la url exacta para poder ver lo de tus imágenes ya que la url que enviaste sale que no se encuenta

Contenido solo visible a usuarios registrados

Saludos.

ResponderCitar
Respondido : 27/11/2020 9:19 pm
Perel
 Perel
Usuario experto

@jmarreros

Buenos dias.

Disculpa cambie a la dirección definitiva

Contenido solo visible a usuarios registrados

ResponderCitar
Respondido : 28/11/2020 8:56 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Perel, Buenos Días.

 

Prueba con lo siguiente:

.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
font-weight: 900;
}

select2-results__option {
font-weight: 900;
}

 

Un saludo

ResponderCitar
Respondido : 28/11/2020 10:11 am
Perel
 Perel
Usuario experto

@pepesoler

Hola Pepe, no lo consigo.

La finalidad de esta negrita era poder ver mas claro en el desplegable de categorias de productos, la diferencia entre categorias y subcategorias, pues se muestran todas.

Habría sino la posibilidad de mostrar en el desplegable UNICAMENTE las categorias. 

 

Gracias

ResponderCitar
Respondido : 28/11/2020 10:58 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Perl.

Iguan no nos estamos entendiendo, Disculpa.

Lo que te indique es para el desplegable Secciones de la tienda.

Prueba solo con este código:

.select2-results__option {
font-weight: 900;
font-size:15px
}

 

Tienes que a√Īadirlo en apariencia -> Personalizar -> CSS adicional.

screenshot nimbus capture 2020.11.28 12 17 28 (1)

 

Si no ves el resultado prueba a revisarlo con el navegar en incógnito:

-> https://support.google.com/chrome/answer/95464?co=GENIE.Platform%3DDesktop&hl=es

 

Un saludo

ResponderCitar
Respondido : 28/11/2020 11:21 am
Perel
 Perel
Usuario experto

@pepesoler

Hola Pepe, muchas gracias. Funciona.

En el desplegable, se muestran categorias y subcategorias.

Con este codigo se muestran en negrita, categorías y las subcategorías que aparecen en el desplegable.

¬ŅHabr√≠a alguna forma que unicamente se mostrase en las categor√≠as?

Negrita en categorías - normal en subcategorías

p.e.    Velas naturales
                  Velas naturales para el amor
                  Velas de soja

Gracias

ResponderCitar
Respondido : 28/11/2020 12:02 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Perel.

Puedes hacer que solo sea en la categoría que esté seleccionada:

.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {

font-weight: 900;
font-size:15px
}

 

Tienes que eliminar el c√≥digo anterior y a√Īadir el de ahora.

 

Un saludo

ResponderCitar
Respondido : 28/11/2020 12:29 pm
Perel
 Perel
Usuario experto

@pepesoler

Hola Pepe, siento molestar de nuevo pero me no funciona.

 

Y si pasamos a plan B - ¬ŅSeria posible que en el desplegable de secciones de la tienda mostrar √ļnicamente las categorias?

ResponderCitar
Respondido : 28/11/2020 1:02 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Podrías probar con este código:

.select2-results__option{
padding:0 10px!important;
}

.select2-results__option{
font-size: 12px!important;
font-weight: normal!important;
line-height: 20px;
}

Se vería más ordenado aunque el nombre de tus categorías es muy largo y tiende a confusión.

Qué plugin usas para mostrar esto, posiblemente en la configuración tengas la opción de mostrar categorías sólo del primer nivel

Saludos.

ResponderCitar
Respondido : 28/11/2020 4:24 pm