Avisos
Vaciar todo

[Resuelto] css banda agotado  

 
Lourdes
 Lourdes
Reputable Member

He ajustado la banda de agotado, del plugin de yith, para la version movil. Pueden ayudarme a ajustarla para la version movil? se ve demasiado arriba y a la derecha...

Tambien veo que en el ordenador sobresale una zona de la izquierda. No se si esto tambien es posible ajustarlo con css

Gracias!

 

IMG 7672EF10E06B 1

 

 

Captura de pantalla 2022 03 24 a las 19.27.23

Contenido solo visible a usuarios registrados

Citar
Respondido : 24/03/2022 6:28 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Que tal Lourdes,

Puedes probar con los siguientes estilos

.yith-wcbm-badge{
top: 8%;
left: -27%;
}
@media(max-width:425px){
.yith-wcbm-badge{
top: 10%;
left: -36%;
}
}

Saludos!

ResponderCitar
Respondido : 24/03/2022 6:42 pm

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

Lourdes
 Lourdes
Reputable Member

@bruno-vichetti Lo he puesto pero no veo que haya funcionado, tambien añadi !important y nada

ResponderCitar
Respondido : 24/03/2022 7:46 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Hola Lourdes,

En efecto aplicando !important los hacemos visibles pero veo que no lo has colocado de la forma correcta

image

Arreglemos los estilos de la siguiente forma

.yith-wcbm-badge{
top: 8% !important;
left: -27% !important;;
}
@media(max-width:425px){
.yith-wcbm-badge{
top: 10% !important;;
left: -36% !important;;
}
}

Asi debería de verse 😊 

image

Saludos!

ResponderCitar
Respondido : 24/03/2022 8:11 pm

Cursos Gratuitos WordPress

Lourdes
 Lourdes
Reputable Member

@bruno-vichetti Ya esta en su lugar, veo que en el apartado dentro del producto agotado no se visualiza donde deberia, ni en movil ni ordenador. Sabrian como solucionarlo?

ResponderCitar
Respondido : 24/03/2022 10:54 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Hola Lourdes,

Vale veo el desajuste en la vista detalle del producto, para que se ajuste unicamente en los listados de productos volvamos a modificar el CSS a lo siguiente

.elementor-grid .yith-wcbm-badge{
top: 8% !important;
left: -27% !important;;
}
@media(max-width:425px){
.elementor-grid .yith-wcbm-badge{
top: 10% !important;;
left: -36% !important;;
}
}

Prueba y nos comentas, Saludos!

ResponderCitar
Respondido : 24/03/2022 11:11 pm

Lourdes
 Lourdes
Reputable Member

@bruno-vichetti Buenas tardes, ahora mismo con los ajustes que me enviaron no se visualiza en ordenador correctamente, ni en listado de producto ni dentro del mismo. Adjunto captura:

 

Captura de pantalla 2022 03 28 a las 13.55.21
Captura de pantalla 2022 03 28 a las 13.55.36
ResponderCitar
Respondido : 28/03/2022 12:57 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Lourdes, 

En este caso para que estos cambios solo se apliquen a la versión móvil, elimina el código anterior y prueba el siguiente 

@media only screen and (max-width: 600px) {
.elementor-grid .yith-wcbm-badge{
top: 8% !important;
left: -27% !important;;
}
@media(max-width:425px){
.elementor-grid .yith-wcbm-badge{
top: 10% !important;;
left: -36% !important;;
}
}
}

Verifica si con ello se logran visualizar de forma correcta en escritorio

Un Saludo

ResponderCitar
Respondido : 28/03/2022 1:55 pm

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

Lourdes
 Lourdes
Reputable Member

@karen 

En el movil ahora se visualiza asi:

IMG 8538

 

En el ordenador se visualiza asi:

 

Captura de pantalla 2022 03 28 a las 15.28.04

 

Captura de pantalla 2022 03 28 a las 15.27.47

 

ResponderCitar
Respondido : 28/03/2022 2:31 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Lourdes, 

Disculpa no comprendo en este caso que deseas cambiar, coméntanos exactamente cuál es el cambio que deseas hacer, de esta forma podemos revisarlo con mayor detalle. 

Un Saludo 

ResponderCitar
Respondido : 28/03/2022 3:22 pm

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