Navigation
Archive / Use custom CSS to target header and footer social icons and footer link text
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • September 27, 2016 at 3:34 am #1191914
    dano007
    Participant

    Hello,

    How can I use custom CSS to target the areas shown in the images:
    Header – social icons – to be white
    Footer – social icons – to be white
    Footer – text link for yostrato to be white.

    THank you

    September 27, 2016 at 3:43 am #1191922
    Christopher
    Moderator

    Hi there,

    Please add following code in Customize -> Custom -> CSS :

    .x-social-global a,.x-colophon.bottom .x-nav li a {
    color: #fff;
}

    Hope that helps.

    September 27, 2016 at 5:56 am #1192052
    dano007
    Participant

    That worked, the only bit that is missing is turning the yostrato text white as per the final image?

    September 27, 2016 at 6:01 am #1192059
    Lely
    Moderator

    Hi There,

    Please update above to this:

    .x-social-global a,.x-colophon.bottom .x-nav li a,.x-colophon.bottom .x-colophon-content p, .x-colophon.bottom .x-colophon-content a {
    color: #fff !important;
}

    If this doesn’t do the trick, please share your site URL.

    September 27, 2016 at 6:31 am #1192098
    dano007
    Participant

    Perfect, Many thanks.

    September 27, 2016 at 6:41 am #1192112
    Lely
    Moderator

    You’re welcome!

    Cheers!

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1191914 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>