Support » Fixing WordPress » Can't change sidebar header colors

  • I’m wanting to change the header background color on my sidebar.
    My site is

    This is what is there now:
    .sidebar-widget .sidebar-headline {
    background: #e9f8f7;
    border-bottom: 1px solid white;
    -webkit-box-shadow: 0 1px 0 #e8e8e8;
    -moz-box-shadow: 0 1px 0 #e8e8e8;
    box-shadow: 0 1px 0 #e8e8e8;
    color: #333333;
    font-family: “Trebuchet MS”, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 100%;
    margin: 0 -15px;
    padding: 8px 0 8px 15px;

    and I’ve added in this:

    .sidebar-widget .sidebar-headline {
    background: #b3cde0;

    but the color stays the same. What am I doing wrong?


Viewing 4 replies - 1 through 4 (of 4 total)
  • There is an additional CSS declaration coming from another CSS file.

    Try the same as you do above but use background-color instead of background.

    That disn’t change it. It seems like this should be an easy fix but I can’t figure it out.

    An additional CSS rule coming from css/blue.css (line 25) overwrites the rule you used/I suggested.


    body .sidebar-widget .sidebar-headline {
        background-color: #b3cde0;

    or something even more specific:

    #sidebar .sidebar-widget .sidebar-headline {
        background-color: #b3cde0;

    I hope one of these will work.

    Maybe try? :

    .sidebar-widget .sidebar-headline {
    background: #b3cde0 !important;
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Can't change sidebar header colors’ is closed to new replies.