Okay
  Public Ticket #2993788
Icons
Closed

Comments

  •  10
    HotelTeam started the conversation

    Hello, why does Font Awesome got a problem with Salient theme? I cant get them to appear using :before pseudo elements and also they dont work by using "Salient menu options" (These options do not work at all). Check screenshots. Thanks

  •  2,958
    Andrew replied

    Hi there,

    Kindly send us a link to your site so that we can check on this more and advise.

    Thanks,

  •  10
    HotelTeam replied

    Right now you will see it on https://interbrain.gr at the footer but it happens on other sites with salient as well. A have addressed support before for this issue on https://kargakis-epila.gr and tahir gave me a temp fix css. 

  •  1,877
    Judith replied

    Hi There,

    Have you ruled out the plugin conflict issue?

    Thanks.

  •  10
    HotelTeam replied

    Yep all plugins closed and still the same. Even Wp bakery is closed and its still like that. Do i have to load FontAwesome as an external script? Cause i thought is was included in the theme.

  •  1,877
    Judith replied

    Hi There,

    Please send in your admin login credentials so that we can check this out.

    Thanks.

  •   HotelTeam replied privately
  •  1,877
    Judith replied

    Hi There 

    Please check it out now.

    Thanks.

  •  10
    HotelTeam replied

    Its perfect! THANKS! But what was the problem there?

  •  1,877
    Judith replied

    Hi There,

    You had uninstalled the font awesome.

    Thanks.

  •  10
    HotelTeam replied

    Uninstalled it? Where is this option?

  •  10
    HotelTeam replied

    What did you change? The footer icons are missing now...

  •  1,877
    Judith replied

    Hi There,

    Please try adding this css:

    .ascend .mfp-iframe-holder .mfp-close, .ascend .mfp-image-holder .mfp-close, .fa.fa-angle-down, .fa.fa-angle-left, .fa.fa-angle-right, .fa.fa-angle-up, .fa.fa-facebook, .fa.fa-linkedin, .fa.fa-minus-sign, .fa.fa-ok-sign, .fa.fa-pinterest, .fa.fa-plus-sign, .fa.fa-twitter, .icon-be, .icon-button-arrow, .icon-salient-apple-music, .icon-salient-artstation, .icon-salient-back-to-all, .icon-salient-cart, .icon-salient-discord, .icon-salient-down-arrow, .icon-salient-down-arrow-thin, .icon-salient-facebook, .icon-salient-facebook-messenger, .icon-salient-heart, .icon-salient-heart-2, .icon-salient-houzz, .icon-salient-left-arrow, .icon-salient-left-arrow-thin, .icon-salient-m-clock, .icon-salient-m-close, .icon-salient-m-eye, .icon-salient-m-social-alt, .icon-salient-m-user, .icon-salient-pencil, .icon-salient-pinterest, .icon-salient-plus, .icon-salient-right-arrow, .icon-salient-right-arrow-thin, .icon-salient-right-line, .icon-salient-search, .icon-salient-spotify, .icon-salient-thin-line, .icon-salient-tiktok, .icon-salient-twitch, .icon-salient-twitter, .icon-salient-woo-zoom-icon, .icon-salient-x, .icon-soundcloud, .icon-vimeo, .material .comment-list .reply a:before, .mejs-controls .mejs-button button, .mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close, .salient-page-submenu-icon, .video-play-button, i.fa.fa-houzz {
        font-family: 'FontAwesome' !important;
    }

    Thanks.

  •  10
    HotelTeam replied

    ye this works, i already found out the CSS selector that was not working. The thing is why? What did you change in the first place to make the icons work? You said i had uninstalled font awesome...

  •  1,877
    Judith replied

    In installed the font awesome plugin that is why they worked.

    Thanks.

  •  10
    HotelTeam replied

    I thought that font awesome kit was already loaded by the theme! Anyway thank you very much for your help, appreciated!