Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #898805
    lgcoll
    Participant

    Hello there,

    The text in my footer seems to have somehow turned white, rendering it invisible as the background is also white. When I hover over links in the footer they turn black, so I know the footer is there, it’s just hidden.

    I would like to make the font (resting and when you hover over it) the same colours as links on the rest of the site, but I’m not quite sure how.

    I tried putting the code that was suggested in this thread but it didn’t resolve the problem: https://community.theme.co/forums/topic/footer-font-color/

    I will add my login info in a private reply below.

    Any help would be greatly appreciated!

    Thanks in advance 🙂

    #898807
    lgcoll
    Participant
    This reply has been marked as private.
    #899749
    Lely
    Moderator

    Hi There,

    Thank you for the credentials. Please add the following code in Appearance > Customize > Custom > CSS:

    .x-colophon.bottom .x-nav li a {
        color: #000000;
    }

    By default, link on ethos stack is white .

    Hope this helps.

    #900061
    lgcoll
    Participant

    Hey Lely,

    Thanks for getting back to me! I just changed from Integrity to Ethos so that must be why this happened.

    I used your code and was able to turn the menu links black, but the social icon link (Twitter) is still white. How would I change this?

    Thanks in advance 🙂

    #901131
    John Ezra
    Member

    Hi there,

    Thanks for updating the thread! please update the CSS above to the following:

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

    Hope this helps – thanks!

    #901779
    lgcoll
    Participant

    Yep, that’s done the trick! Thank you 🙂

    On a related note, how would I get the links in the sidebar to go #AB0707 when I hover over them? There doesn’t seem to be a way to change this in the widget settings.

    #902664
    Prasant Rai
    Moderator

    Hello There,

    Thanks for writing in!

    You can add this under Custom > CSS in the Customizer:

    .x-sidebar .widget ul li a:hover {
        color: #AB0707  !important;
    }

    Thanks.

    #902693
    lgcoll
    Participant

    Thanks Prasant, that’s working for the ‘Popular Posts’ section but not for the ‘Related Posts’ section. Is there any way to make it universal for the sidebar widgets?

    Thanks 🙂

    #903418
    John Ezra
    Member

    Hi there,

    Thanks for updating the thread! You can add this under Custom > CSS in the Customizer or in your child theme’s style.css file.

    .upw-posts .entry-title a:hover,
    .entry-meta a:hover {
         color: #AB0707  !important;
    }

    Hope this helps – thanks!

    #903695
    lgcoll
    Participant

    That worked great – thank you! 🙂

    #904555
    Joao
    Moderator

    You are welcome.

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