Avisos
Vaciar todo

[Resuelto] No se Alinean Botones Compartir con Ancho del Contenido en DIVI  

 
Edwin R.
 Edwin R.
Usuario experto

Buenos días.

Al instalar plugin (cualquiera) para Compartir el contenido de las entradas, en la sección superior o inferior del contenido, estos se alinean hacia el lado izquierdo, más no quedan alineados al ancho del contenido en DIVI. ver adjunto.

Gracias por la ayuda.

Alineación de Botones Compartir

 

Contenido solo visible a usuarios registrados

Citar
Respondido : 05/09/2023 12:35 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Edwin, 

No logro ver este contenido de compartir en las redes sociales, lo has eliminado?, si es asi puedes añadirlo nuevamente para revisarlo

image

Un Saludo

ResponderCitar
Respondido : 05/09/2023 4:24 pm

Edwin R.
 Edwin R.
Usuario experto

@karen, ya lo habilite, pasa con cualquier plugin en la sección superior o inferior del contenido, estos se alinean hacia el lado izquierdo, más no quedan alineados al ancho del contenido en DIVI.

Gracias.

ResponderCitar
Respondido : 05/09/2023 7:11 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Edwin, 

En este caso revisa si con el siguiente código CSS se modifica como deseas

@media only screen and (min-width: 992px) {
#content div.sharedaddy, #main div.sharedaddy, div.sharedaddy {
margin-left: 10%;
}
}

Un Saludo 

ResponderCitar
Respondido : 05/09/2023 8:48 pm

Edwin R.
 Edwin R.
Usuario experto

@karen, no funciona para celulares y tabla.

ResponderCitar
Respondido : 05/09/2023 8:58 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Edwin, 

En este caso para que se aplique a todos, revisa el siguiente código CSS

#content div.sharedaddy, #main div.sharedaddy, div.sharedaddy {
margin-left: 10%;
}

Sin embargo, veo se muestra de la siguiente forma

image

Un saludo 

 

 
ResponderCitar
Respondido : 05/09/2023 9:22 pm

Edwin R.
 Edwin R.
Usuario experto

@Kare, este es el código que adecue y funciono para los 3 dispositivos, seguiré probando. Gracias por la ayuda.

@media only screen and (min-width: 992px) {
#content div.sharedaddy,
#main div.sharedaddy,
div.sharedaddy {
margin-left: 10%;
}
}

/* Estilos para dispositivos más pequeños, como tablets y móviles */
@media only screen and (max-width: 992px) {
#content div.sharedaddy,
#main div.sharedaddy,
div.sharedaddy {
margin-left: 10%;  Aplica un margen izquierdo del 10% en pequeñas */
}
}

ResponderCitar
Respondido : 05/09/2023 9:22 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Edwin, 

Enhorabuena lograste solucionarlo, es un placer siempre poder ayudarte. 

No dudes en escribirnos si tienes cualquier otra consulta

Un Saludo 😊 

ResponderCitar
Respondido : 05/09/2023 9:23 pm