Can't change sidebar header colors

  • I’m wanting to change the header background color on my sidebar.
    My site is https://www.ringsparkle.com

    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?

    Thanks

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.

    Thread Starter rspark

    (@rspark)

    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.

    Try

    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.