Newb alert! – Changing font color in sidebar

  • Resolved rrf105

    (@rrf105)


    13 years, 8 months ago

    Hi. Apologies in advance for a very newb-y question! My website is https://wherenextphotography.com/blog and I’m trying to change the font color in my sidebar (the sidebar is not visible on the home page, only when actually reading a post. The text is currently dark against a dark background and I want to make it a light-ish gray and lighter still on hovering.

    I assume that the part of my style.css that I need to edit is the part relating to the sidebar:

    /* Sidebar */
    #sidebar {margin:0;}
    #sidebar h3 {margin:0;padding:0 0 .6em 0}
    #sidebar .item {margin:0 0 4em 0}
    #sidebar ul{list-style:none;margin:0 0 1.6em 0;font-size:1em;}
    #sidebar ul li a,ul.txt li{color:#222;height:1%;background:url(images/li.png) no-repeat 0;line-height:1.2em;border-bottom:1px solid #ccc;display:block;padding:6px 0 6px 8px;}
    #sidebar ul li a:hover,ul.txt li:hover{color:#515151;background-position:1px 0.8em;background: #E5ECF9 url(images/li-white.png) no-repeat 3px 10px;}
    #sidebar ul li a span,ul.txt li,h4 a span{color:#696455;}
    #sidebar ul li.active a{cursor:default;color:white;}
    #sidebar ul ul{margin:0;list-style:none;}

    …but everything I try seems to have no effect. Which specific parts actually deal with the font colour of the sidebar normally and on hovering? Also, do I need to somehow empty the cache in order to see any changes and, if so, how do I do this!?

    Thanks.

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hey–I’m having the same issue! I’m using modularity lite, but am having trouble changing both font style, size, and color.

    While I don’t know code, I can figure out WHERE in the code to make my changes, but when I update and go to my pages, they all still look the same!

    Let me know if you figure this out!

    Thanks.

    Thread Starter rrf105

    (@rrf105)

    Hey. Yeah I did get it to work in the end. I had originally been trying to change it by editing the style.css saved on my server and re-uploading the edited version via FTP. This didn’t seem to do anything! In the end, I discovered that you can edit it directly from the WordPress dashboard by going to Appearance — Edit and changes here worked immediately.

    I’m not sure if your browser might also cache your site so, if it’s not working, try making the changes, clearing your cache (it’ll be in the tools somewhere near clearing the history) and re-visiting the site.

    I hope that helps!

    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Newb alert! – Changing font color in sidebar’ is closed to new replies.