Soporte » Diseño – Temas y plantillas » Cambiar ionicons por FontAwesome

  • myanesp

    (@myanesp)


    Buenas a todos:

    Estoy diseñando un tema hijo en local (por eso no adjunto enlace) a partir del tema padre NewsBase. Quiero cambiar los iconos sociales que vienen predeterminados por el catálogo de Ionicons por los de FontAwesome.

    Lo he intentado hacer a través del .css, con la instalación por código de FontAwesome, por la del plugin y nada, al cambiar los números de los iconos siempre lo hace en base a la librería de Ionicons.

    ¿Hay alguna manera de eliminar por completo los de ionicons para usar los de FontAwesome?

    Este es el código en css que he utilizado.

    .fontawesome::before {
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
    }
    
    .social-icon::before {
        margin-right: 10px;
        font-family: "Font Awesome 5 Brands";
    }
    
    .facebook::before {
        content: "\f39e";
    }
    
    .instagram::before {
        content: "\f16d";
    }
    
    	.social-icons ul a[href*="facebook.com"]:before,
    .widget .social-widget-menu ul a[href*="facebook.com"]:before {
        content: "\f39e";
    }

    Saludos y gracias.

  • Debes estar registrado para responder a este debate.