Avisos
Vaciar todo

[Resuelto] Error en estilo de la página de producto, Woocomerce + Elementor Pro

6 Respuestas
3 Usuarios
0 Reactions
21 Visitas
Respuestas: 42
Eminent Member
Topic starter
 

Buenas tardes,

Como se puede observar en la página de producto hay un estilo completamente diferente que en el resto de la web y es necesario conseguir que tenga un aspecto similar al resto de páginas. Sería interesante hacer el fondo tranparente de algunos elementos de la página, o jugar con la opacidad, pero no consigo nada... ¿Me podéis ayudar por favor?

Os dejo la página de producto que está activa:
https://www.salvajerealbrand.com/tienda-salvaje/camiseta-water-print/

Esta es otra que he creado para intentar aplicar el estilo desde cero y nada...
https://www.salvajerealbrand.com/tienda-salvaje/polo-srb-edition/

Os agradecería la ayuda así como la recomendación para conseguir cerrar esto y lanzar las campañas publicitarias.

Muchas gracias,
Un saludo

Contenido solo visible a usuarios registrados


 
Respondido : 14/04/2025 12:48 pm
Tags del tema
Pepe
 Pepe
Respuestas: 41119
Illustrious Member Admin
 

Hola Javier.

Los dos productos que indicas los veo igual:

chrome capture 2025 4 14 (1)

Qué es lo que quieres hacer transparente ? si nos adjuntas un captura de lo que quieres modificar y nos indicas como lo quieres podríamos ver si se puede hacer algo.

 

 

Un Saludo


 
Respondido : 14/04/2025 1:12 pm
Respuestas: 42
Eminent Member
Topic starter
 
image

Buenas tardes Pepe,

La idea es transladar este formato de https://www.salvajerealbrand.com/tienda-salvaje/ o https://www.salvajerealbrand.com/novedades/ a la página de producto, quitando el bloque blanco del fondo para que se vea el background común a todas las páginas. Me gustaría editar muchos de los elementos para darles transparencia y en definitiva cambiar su formato, ¿Como podría hacerlo?

Muchas gracias!


 
Respondido : 14/04/2025 2:31 pm
Pepe
 Pepe
Respuestas: 41119
Illustrious Member Admin
 

Hola Javier.

Ok, quieres el mismo fondo.

.- Añade lo siguiente en Apariencia-> Personalizar -> CSS Adicional:

.woocommerce div.product {
background-color:transparent!important
}
.woocommerce div.product h3 {
color: #fefefe!important;
}
.woocommerce div.product p {
color:#fefefe!important;
}
.woocommerce div.product bdi{
color:#181818!important;
}
.woocommerce div.product .woocommerce-Tabs-panel p {
color:#181818!important;
}

 

Vacía todas las Caches y lo revisa si es eso lo que buscas.

 

Un saludo


Esta publicación ha sido modificada el hace 5 meses por Pepe
 
Respondido : 14/04/2025 2:58 pm
Respuestas: 42
Eminent Member
Topic starter
 

Funciona!! Mil gracias, ya se como hacer con los demás 🙂 


 
Respondido : 14/04/2025 7:41 pm
Argenis
Respuestas: 11585
Illustrious Member Moderator
 

Hola Javier,

Encantados siempre de poder ayudar, si tienes alguna otra duda quedamos atentos.

Un saludo 🖐️ 


 
Respondido : 14/04/2025 8:03 pm