Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1250129

    Hi,
    I’ve added fontello social icons to a widget in my site’s footer and I styled the icons using CSS.
    When I go to a page on the site, the images don’t get styled but when I refresh the page, they do…
    Any idea why it does that?

    CSS:
    /*Facebook Icon*/
    #fbgg a {
    color: #fff;
    background: #382e30;
    height: 55px;
    width: 55px;
    position: relative;
    padding: 7px;
    border-radius: 50%;
    }
    #fbgg a:hover {
    color: #fff;
    background: #d35946;
    height: 55px;
    width: 55px;
    position: relative;
    padding: 7px;
    border-radius: 50%;
    }
    /*Instagram Icon*/
    #instagg a {
    color: #fff;
    background: #382e30;
    height: 55px;
    width: 55px;
    position: relative;
    padding: 7px;
    border-radius: 50%;
    }
    #instagg a:hover {
    color: #fff;
    background: #d35946;
    height: 55px;
    width: 55px;
    position: relative;
    padding: 7px;
    border-radius: 50%;
    }

    HTML in widget:
    <div class=’container’ >
    <div class=”flex_column av_one_half flex_column_div av-zero-column-padding first avia-builder-el-0 el_before_av_one_half avia-builder-el-first ” style=’border-radius:0px; ‘>
    <span id=”fbgg” class=”av_font_icon avia_animate_when_visible avia-icon-animate av-icon-style- av-no-color avia-icon-pos-right ” style=””>


    </span>
    </div>

    <div class=”flex_column av_one_half flex_column_div av-zero-column-padding avia-builder-el-2 el_after_av_one_half avia-builder-el-last ” style=’border-radius:0px; ‘>
    <span id=”instagg” class=”av_font_icon avia_animate_when_visible avia-icon-animate av-icon-style- av-no-color avia-icon-pos-left ” style=””>


    </span>
    </div>
    </div>

    Thanks

    #1250289

    Hi ggoulet,

    I tried to check the footer and it seems to render properly at all times on my end.
    Can you try clearing out the browser cache?

    Best regards,
    Nikko

    #1254086

    Hi,
    Great I think it was my cache.
    Thank you for your help.

    #1254089

    Hi ggoulet,

    We’re happy to hear that :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Footer Social Icon Css’ is closed to new replies.