Primeramente esto es para sitios basados en WordPress que usen el tema Divi, con el plugin Monarch
Debemos hacer tres cosas:
1.- Vincular el font para ello usaremos: Font-Awesome, lo podemos vincular desde el cdn de Cloudflare, así:
“<link rel=»stylesheet» href=»https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css» integrity=»sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==» crossorigin=»anonymous» referrerpolicy=»no-referrer» />” (va sin las comillas del principio y final).
2.- Cambiarle el color de fondo al botón, por defecto es azul como lo muestra la imagen siguiente:
Integraremos código CSS personalizado:
“.et_monarch .et_social_twitter, .et_monarch .et_social_twitter, .et_monarch .et_social_networks.et_social_circle .et_social_twitter i {
background-color: #000000 !important;
}” (va sin las comillas del principio y final).
3.- Igualmente usamos CSS para sustituir el icono, con el siguiente código:
“.et_monarch .et_social_icon_twitter:before, .et_monarch .et_social_icon_twitter:after {
content: «\e61b» !important;
font-family: «Font Awesome 6 Brands» !important;
}” (va sin las comillas del principio y final).
El resultado se verá así:
Investigador: Pierre García Barre