[Resuelto] Cambiar el logo de twitter por el de X

Hola Erik, 

En este caso veo que el tema que utilizas no permite personalizar esta sección en los iconos ya que los añade directamente la Liberia con el desarrollo, una alternativa es cambiar los iconos y añadir otro tipo de widget que te permita configurar las opciones que deseas y los iconos que muestre mostrar. 

Una alternativa es probar algún plugin como → https://wordpress.org/plugins/easy-social-icons/ que te permite crear una apartado con los iconos que quieres mostrar y añadirlos en el area de widgets de tu sitio web 

Puedes probarlo y verificar como va todo

Un Saludo

Hola Erik

El problema esta en que el icono de X solo funciona si tienes cargada la fuente de Font Awesome 6 Brands y al parecer no la tienes cargada, tu plantilla solo carga Font Awesome 6

Vamos a intentar cargar la librería y añadir el icono, a ver si tenemos suerte 😉 

.- Instala el siguiente plugin:

-> https://wordpress.org/plugins/code-snippets/

El plugin es para añadir código sin tener que estar editando los archivos de la plantilla

Una vez instalado:

.- Accede a Fragmentos de código -> Añadir nuevo

.- Añade un titulo para tenerlo identificado.

.- Añade el siguiente codigo:

function cargar_fontawesome_6() {
// Cargar librería desde CDN
wp_enqueue_style(
'font-awesome-6',
'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css',
array(),
'6.4.2'
);
}
add_action('wp_enqueue_scripts', 'cargar_fontawesome_6');

.- Guarda y activa el codigo:

.- Accede Apariencia -> Personalizar -> CSS Adicional y añade lo siguiente:

/* Añadir icono X a los enlaces de Twitter/X */
a[href*="twitter.com"]::before,
a[href*="x.com"]::before {
font-family: "Font Awesome 6 Brands";
content: "\e61b";
font-weight: 400;
margin-right: 20px;
display: inline-block;
}
span.edge-social-icon-widget.fa.fa-twitter {
display: none;
}

Revisa si con eso se muestra y nos comnetas

Un saludo

Si funciona, muchísimas gracias Pepe. También aparece el logo antiguo de Twitter en este enlace: https://mixtapescorner.com/album/keezy-rose-lambchop-music-101/ en Compartir en redes sociales.

Hola Erik,

Considerando lo ya compartido por mi compañero, puedes aplicar los siguientes estilos CSS complementarios para cambiar el icono de compartir

span.edge-social-network-icon.fa.fa-twitter::before {
font-family: "Font Awesome 6 Brands";
content: "\e61b";
font-weight: 400;
display: inline-block;
}

span.edge-social-network-icon.fa.fa-twitter {
font-family: inherit; 
}

Prueba y nos comentas

Saludos!

Si, genial, gracias Bruno.

Que tal Erik,

Me alegra que te funcionara, cualquier otra duda estaremos atentos

Saludos!