Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • December 15, 2018 at 4:15 pm #1045660
    flipper1960

    Hello,
    Searched this forum for the answers and found some but no one helped me out.
    My Instagram widget on http://www.henridolfing.nl (foot) shows white text on almost white background.
    I want black text on this white background

    I already tried the following codes in Quick CSS but no result…

    .av-instagram-follow {
    background: #fff;
    color: #333 !important;
    }

    or
    a.av-instagram-follow.avia-button{
    background:transparent!important;
    }
    and so on…

    Any other suggestions? Is it possible to add the following code in the widget itself:
    <span style=”color: #000000;”>Follow me!</span>

    Greetings Henri

    December 15, 2018 at 4:26 pm #1045663
    cg

    As far as i can see this one of your CSS snippets should work:

    .av-instagram-follow {
  color: #333 !important;
}

    After adding that to your Quick CSS … did you cleared all possible caches?
    Also in the “Enfold Options > Performance” at the bottom try activating “Delete old CSS and JS files” and save the change.

    December 15, 2018 at 4:45 pm #1045667
    flipper1960

    Hello support,

    Thanks fort he fast answer!! Tried all these but no result. Any other suggestions?
    Tried also different browsers

    My Quick CSS shows this:

    span.avia-menu-text {
    text-transform: uppercase;
    }

    .av-inner-masonry-content.site-background{
    opacity:1!important;
    }
    .av-inner-masonry-content-pos h3 font font{
    color:#000!important;
    }

    #top .av_header_transparency {
    background: rgba(0, 0, 0, 0.1);
    }

    #header_main_alternate {
    border: none!important;

    .av-instagram-follow {
    color: #333 !important;
    }
    but it remains white text on white background

    December 15, 2018 at 4:57 pm #1045670
    cg

    You have an open CSS tag in your Quick CSS … that’s why the last CSS does not apply to the page … :-)
    There is a “}” missing.

    I am very sure the CSS for “av-instagram-follow” will work.

    copy&paste this:

    span.avia-menu-text {
  text-transform: uppercase;
}
.av-inner-masonry-content.site-background {
  opacity: 1 !important;
}
.av-inner-masonry-content-pos h3 font font {
  color: #000 !important;
}
#top .av_header_transparency {
  background: rgba(0, 0, 0, 0.1);
}
#header_main_alternate {
  border: 0 none !important;
}
.av-instagram-follow {
  color: #333 !important;
}
    • This reply was modified 6 years ago by cg.
    December 15, 2018 at 5:10 pm #1045674
    flipper1960

    Thanx cg,

    Stupid me…
    It works fine now!

    Henri

    December 16, 2018 at 8:38 am #1045833
    Rikard

    Hi Henri,

    Great, glad you got it working and thanks to @cg for helping out :-)

    Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    December 16, 2018 at 10:17 am #1045852
    flipper1960

    Please close the topic

    December 16, 2018 at 7:54 pm #1046040
    Nikko

    Hi flipper1960,

    Glad to hear that. :)
    Don’t hesitate to create a new thread, if you need further assistance.
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Color of Instgram widget – Follow me is white on almost white background’ is closed to new replies.