Avisos
Vaciar todo

[Resuelto] Productos Variables - Estilo CSS en Precios.  

 
Yamileth
 Yamileth
Usuario eminente

Hola buenas tardes, saludos.

He tratado de cambiar el tamaño de letra y color de los precios en productos variables y no he dado con el codigo.

Les detallo:

1.Busco que tamaño el precio de venta (tachado) sea mas pequeño y de otro color que el precio rebajado para evitar confusion al usuario.

2. El texto "Desde XX.XX" el tamaño de letra mas pequeño"

Adjunto imagen.

TEXTOS

 Les agrgadezco un monton si pueden ayudarme a encontrar el codigo indicado

mil gracias

saludos.

Contenido solo visible a usuarios registrados

Respondido : 07/01/2021 3:31 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Yamileth,

Puedes probar modificar el color del precio  tachado y el tamaño del texto desde con el siguiente código CSS

.single-product .price del {
color: #f00;
font-size: 16px !important;
line-height: 1.5em;
}

span.electro-price {
font-size: 20px !important;
}

Un Saludo

 

Esta publicación ha sido modificada el hace 4 años 2 veces por Karen Rios
Respondido : 07/01/2021 4:03 pm

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

Yamileth
 Yamileth
Usuario eminente

Hola Karen, gracias por tu pronta respuesta.

 

Agregue el codigo CSS al plugin de "fragmento de codigo" y no me toma el cambio de estilo.

 

Saludos.

 

Respondido : 07/01/2021 4:29 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Yamileth,

Prueba añadirlo directamente en el apartado Apariencia -> Personalizar -> CSS Adicional

Screenshot

Verifica si desde este apartado se aplican los cambios

Un Saludo

Respondido : 07/01/2021 4:36 pm

Yamileth
 Yamileth
Usuario eminente

@karen

Hola Karen,

me toma solamente el de "Desde XX"

adjunto imagen

texto2
Respondido : 07/01/2021 4:45 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Modifica un poco el código que te envió Karen, al final usa el siguiente

.single-product del bdi{
color: red;
font-size: 16px !important;
}

span.electro-price {
font-size: 20px !important;
}

Saludos.

Respondido : 07/01/2021 5:17 pm

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

Yamileth
 Yamileth
Usuario eminente

@jmarreros

Hola Jhon, saludos.

Ingresé el código al apartado de Personalización CSS de la plantilla y logro ver el cambio sin pulsar publicar,

pero lo agrego al plugin "fragmentos de codigo" y no veo el cambio.

No hay problema si lo agrego por la primera opcion que te comento?

gracias

Respondido : 07/01/2021 5:41 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

A qué opción te refieres con Fragmentos de código?, usualmente plugins con esta funcionalidad permiten colocar código javascript o PHP, no CSS.

En el apartado en donde se coloca CSS es en la configuración de tu theme: Personalizar > Apariencias >  CSS adicional

Saludos.

Esta publicación ha sido modificada el hace 4 años por Argenis
Respondido : 07/01/2021 5:57 pm

Cursos Gratuitos WordPress

Yamileth
 Yamileth
Usuario eminente

Gracias Karen y Jhon por su gran ayuda, he logrado cambiar el estilo de CSS!!

Agradecida, saludos.

Respondido : 08/01/2021 2:11 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Yamileth,

Siempre encantados de poder ayudar, recuerda si tienes alguna otra consulta puedes crear un nuevo tema y lo atenderemos.

Un saludo 🖐️ 

Respondido : 08/01/2021 2:31 pm

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