Avisos
Vaciar todo

WooCommerce Points and Rewards  

 
JOSE MANUEL
 JOSE MANUEL
Estimable Member

Tenemos instalado el plugin woocomerce points and rewards y nos gustaria personalizar el texto en el que aparece el importe junto al producto, es decir, queremos que el texto donde el plugin pone cuanta recompensa obtienes en los productos se vea mas resaltado, ahora aparece en negro y con un tamaño normal, y nos gustaria ponerlo en color rosa y de un tamaño mas superior, para que resalte mucho mas. Añadimos una imagen de lo que explicamos.

recompensas

 

Citar
Respondido : 24/08/2020 7:43 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Jose,

En este caso puedes ingresar igualmente a Apariencias → Personalizar → Css Adicional y agregar el siguiente código css:

span.wc-points-rewards-product-message {
color: #c65986 !important;
font-size: 20px !important;
}

Con este donde indica color, es el rosa de tu logotipo y donde indica font-size, modifica el tamaño de la fuente por lo que puedes modificar el numero a tu gusto, mientras mas alto sea el numero mas grande será el texto.

Un saludo 🖐️ 

ResponderCitar
Respondido : 24/08/2020 8:06 pm

Cursos Gratuitos WordPress

JOSE MANUEL
 JOSE MANUEL
Estimable Member

@argenis

Ha modificado una parte del texto , el problema es que cuando el producto es variable y tiene varias elecciones de color dentro del mismo, el mensaje que aparece de inicio se ha mantenido en negro, no se ha modificado con tu codigo,. Se ha modificado cuando elegimos una opcion dentro del producto, entonces si se cambia la frase de color y tamaño, pero cuando no hemos elegido ninguna opcion se mantiene igual que antes. Podemos conseguir modificar tambien esto?  La verdad es que queda bastante bien con tu codigo, te adjunto captura para que puedas ver lo que te explico.

captura points

 

ResponderCitar
Respondido : 25/08/2020 8:49 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Jose Manuel.

Supongo que es esto lo que buscas:

screenshot aikobebe.es 2020.08.25 10 15 52

 

prueba con lo siguiente:

p.points {
color: #c65986!important;
font-size: 20px!important;
margin-bottom:2em!important;
}

 

Un saludo

ResponderCitar
Respondido : 25/08/2020 9:16 am

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