Navigation
Archive / Link colors in blog sidebar
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • March 13, 2017 at 4:21 am #1404587
    Gregg
    Participant

    Hi, I’m using the integrity stack and have a few stock wordpress widgets in my blog sidebar. The recent posts widget is displaying links in either white or transparent. When the link is hovered, it turns the proper color that I’ve set in the Typography section but in it’s idle state it is not the color I have set in that section. When I type an href link into a text widget, it displays in the correct color. Not sure what’s going on, any help would be appreciated.
    -Gregg

    https://www.laylasleep.com/blog/
    Wordpress version 4.9.6.2
    X version 4.4.1

    March 13, 2017 at 4:34 am #1404604
    Prasant Rai
    Moderator

    Hello Gregg,

    Thanks for writing in!

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

    .widget li a {
    color: #231d1d !important;
}

    Thanks.

    March 13, 2017 at 4:09 pm #1405479
    Gregg
    Participant

    Hi, thanks for the response. I added that css and it is not changing anything. All of my widgets in the sidebar are doing the same thing.

    March 13, 2017 at 11:54 pm #1405884
    Prasant Rai
    Moderator

    Hello Gregg,

    Above code should work. Can you please share login details in a private reply so we can take a closer look?

    Thanks

    March 15, 2017 at 9:52 pm #1409056
    Gregg
    Participant
    This reply has been marked as private.
    March 16, 2017 at 2:20 am #1409220
    Friech
    Moderator

    Hi There,

    Thank you for the credentials, you have this custom CSS on your customize that change those recent posts color to white.

    .widget ul li a, .widget ol li a, .x-comment-time {
color: #ffffff;
}

    I did go ahead and change those to black (#000), feel free to change it to your desired color.

    I think you have that code for your footer links, please have this for your footer links instead (which I already did).

    /*footer links color*/
footer .widget ul li a,
footer .widget ol li a,
.x-comment-time {
color: #ffffff;
}

    My advice to you now, is copy your entire custom CSS and check it here: http://csslint.net
    then address all found errors. This errors will cause your additional custom CSS not to work.

    Cheers!

    March 16, 2017 at 4:22 pm #1410170
    Gregg
    Participant

    Thank you so much. There have been many hands in this website so a cleanup is a good call. Thanks again for all of your help, you guys rock!

    March 16, 2017 at 8:30 pm #1410488
    Friech
    Moderator

    We’re delighted to assist you with this.

    Cheers!

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