Avisos
Vaciar todo

Consulta sobre el pluguinb WooCommerce Advanced Product Labels  

 
Ruben
 Ruben
Noble Member

hola que tal, me gustaría consultarle sobre el pluguin WooCommerce Advanced Product Labels

lo que pasa es que quiero colocar el icono de nuevo para diagonal derecha de la parte de arriba

pero no se porque lo tengo en la parte inferior de la diagonal derecha.

me podrían ayudar en la configuración porfavor 

image
image

Muchas Gracias

Contenido solo visible a usuarios registrados

Citar
Respondido : 03/09/2023 2:22 am
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Ruben, 

En este caso revisa si el siguiente código CSS te permite modificar lo que necesitas:

.berocket_better_labels .berocket_better_labels_line .br_alabel {
position: absolute;
top: -377%!important;
left: 80%!important;
}

Verifícalo y nos comentas como va todo. 

Un Saludo  

ResponderCitar
Respondido : 03/09/2023 4:03 pm
Ruben me gusta

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

Ruben
 Ruben
Noble Member

@karen

en el escritorio salio bien me funciono pero no me funciono en la parte mobile ni la parte de tablet 

image
image
ResponderCitar
Respondido : 05/09/2023 1:22 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Ruben.

Elimina el código anterior y añade lo siguinete:

div.br_alabel.berocket_alabel_id_738 > span {
margin-top: -331px!important;
}

@media (max-width: 780px) {
div.br_alabel.berocket_alabel_id_738 > span {
margin-top: -180px!important;
}
}

Comprueba si es eso lo buscas y nos comentas.
 
Un saludo
 
 
ResponderCitar
Respondido : 05/09/2023 2:34 pm

Cursos Gratuitos WordPress

Ruben
 Ruben
Noble Member

@pepesoler

no me funciono =(

image

 

ResponderCitar
Respondido : 06/09/2023 2:36 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Ruben.

No veo que tengas ningún producto con la etiqueta de Nuevo.

Necesitamos que tengas la etiqueta en alguno de los productos.

Ten en cuenta que el código que te pase tiene el ID del Label " label_id_738 " si se elimina puede que ese ID cambie.

 

Un saludo

ResponderCitar
Respondido : 06/09/2023 3:17 pm

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

Ruben
 Ruben
Noble Member

@pepesoler

image
image

si lo ves por la table o celu no vas a ver la etiqueta de nuevo, porque nose porque esta en cualquier otro lado menos en donde tiene que estar... solo esta bien puesto en la parte del escritorio

 

ResponderCitar
Respondido : 06/09/2023 4:22 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Ruben, 

Eliminar el código anterior y prueba el siguiente

div.br_alabel.berocket_alabel_id_738 > span {
margin-top: -50%!important;
}
@media (max-width: 780px){
div.br_alabel.berocket_alabel_id_738 > span {
margin-top: 11em!important;
}
}

Si con ello no funciona, eliminar cualquier texto que modifique esta etiqueta y nos comentas para revisar con detalle. 

Un Saludo 

 
ResponderCitar
Respondido : 06/09/2023 4:50 pm

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

Ruben
 Ruben
Noble Member

@karen

casi casi...

image
image
ResponderCitar
Respondido : 06/09/2023 7:28 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Ruben, 

Elimina el código anterior del media query y añade los siguientes

@media (max-width: 780px) {
div.br_alabel.berocket_alabel_id_738 > span {
    margin-top: 10em!important;
}
}@media only screen and (min-width: 781px) and (max-width: 1024px) {
div.br_alabel.berocket_alabel_id_738 > span {
    margin-top: -20%!important;
}
}

Ten en cuenta realizar las pruebas en un dispositivo en vivo, muchas veces esta vista previa no muestra los cambios de forma correcta. 

Un Saludo 

ResponderCitar
Respondido : 06/09/2023 7:57 pm

Ruben
 Ruben
Noble Member

@karen

gracias por el código pero  necesito que este a la altura del 22% OFF

image
image

 

ResponderCitar
Respondido : 07/09/2023 1:03 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Ruben.

Veo que se está mostrando bien:

screenshot nimbusweb.me 2023.09.07 11 54 57

Puedes modificar este margen para adaptarlo

 margin-top: -20%!important;

 

Un saludo

 

ResponderCitar
Respondido : 07/09/2023 11:02 am

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