Avisos
Vaciar todo

Me podrian brindar un codigo css

8 Respuestas
2 Usuarios
0 Reactions
31 Visitas
Respuestas: 1310
Famed Member
Topic starter
 

Hola que tal me podrian dar un codigo css para poder achicar los numeros por favor muchas gracias

 

image

Contenido solo visible a usuarios registrados


 
Respondido : 22/07/2022 8:33 pm
Argenis
Respuestas: 11585
Illustrious Member Moderator
 

Hola Ruben,

Con todo gusto, pero puedes compartirnos la url donde ver esto que nos envías en imagen para poder verificar el código y enviarte lo que necesitas?

Un saludo 🖐️ 


 
Respondido : 22/07/2022 8:36 pm
Respuestas: 1310
Famed Member
Topic starter
 

@argenis

Claro que si

https://www.yasbrin.com/producto/art-20-166/


 
Respondido : 22/07/2022 8:53 pm
Argenis
Respuestas: 11585
Illustrious Member Moderator
 

Hola Ruben,

Estupendo gracias por el enlace, puedes aplicar este para el precio de arriba:

p.price.product-page-price {
font-size: 22px !important;
}

Y este para los precios de abajo:

.wcbvp-row-group .price {
font-size: 15px !important;
}

Esto en caso de que quieras poder modificar individualmente los de arriba y abajo, si quieres todos juntos puedes aplicar este:

.product-info .price {
    font-size: 16px !important;
}

Tienen números de ejemplos, puedes modificarlos según el tamaño que veas conveniente.

Un saludo 🖐️ 


 
Respondido : 22/07/2022 8:55 pm
Respuestas: 1310
Famed Member
Topic starter
 

@argenis

Aplique el codigo pero sigue igual =(

image
image

 


 
Respondido : 22/07/2022 9:06 pm
Argenis
Respuestas: 11585
Illustrious Member Moderator
 

Hola Ruben,

Tienes errores en un código que no has cerrado:

image

También te he comentado que hace cada código, no es para que agregues los 3 es para que puedas decidir si agregar los dos primeros o solo el ultimo, verifica eliminar lo que te coloco en el cuadrado rojo y nos comentas.

Un saludo 🖐️ 


 
Respondido : 22/07/2022 9:16 pm
Respuestas: 1310
Famed Member
Topic starter
 

@argenis

lo corregi y coloque este

.product-info .price {
    font-size: 16px !important;
}

pero sigue igual
image

 
Respondido : 22/07/2022 9:19 pm
Argenis
Respuestas: 11585
Illustrious Member Moderator
 

Hola Ruben,

No lo has corregido, te vuelvo a señalar lo que debes eliminar:

image

Y te vuelvo a comentar el código:

puedes aplicar este para el precio de arriba:

p.price.product-page-price {
font-size: 22px !important;
}

Y este para los precios de abajo:

.wcbvp-row-group .price {
font-size: 15px !important;
}

y en caso de que quieras tener ambos precios del mismo tamaño, utilizas este

.product-info .price {
    font-size: 16px !important;
}

Elimina el pedacito de código que te marco en el cuadrado solo esas dos líneas, y luego nos comentas.

Un saludo 🖐️ 


 
Respondido : 22/07/2022 9:23 pm