Avisos
Vaciar todo
Plugins WordPress
12
Respuestas
3
Usuarios
1
Reactions
32
Visitas
Topic starter
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
Muchas Gracias
Contenido solo visible a usuarios registrados
Respondido : 03/09/2023 1:22 am
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
Respondido : 03/09/2023 3:03 pm
Ruben reaccionó
Topic starter
en el escritorio salio bien me funciono pero no me funciono en la parte mobile ni la parte de tablet
Respondido : 05/09/2023 12:22 am
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
Respondido : 05/09/2023 1:34 pm
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
Respondido : 06/09/2023 2:17 pm
Topic starter
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
Respondido : 06/09/2023 3:22 pm
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
Respondido : 06/09/2023 3:50 pm
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
Respondido : 06/09/2023 6:57 pm
Topic starter
Respondido : 07/09/2023 12:03 am
Hola Ruben.
Veo que se está mostrando bien:
Puedes modificar este margen para adaptarlo
margin-top: -20%!important;
Un saludo
Respondido : 07/09/2023 10:02 am
