Changing Widget Title Background Color

  • Resolved lmWP

    (@lmwp)


    9 years, 3 months ago

    Hi there,

    I created a child theme in order to safely modify some features with the theme, in particular the color scheme.

    I have been trying to modify the

    #secondary .widget > h3 {
    background-color: #6E412E;
    }

    to

    #secondary .widget > h3 {
    background-color: #BAD1C9;
    }

    This is a fairly simple change, however I am stuck.

    Doing this within my child theme style sheet, it is being overwritten by the chocolate.css file.

    I have made other modifications to colors within my style.css file with no problem, but it seems the only way to get this resolved if I modify the original chocolate.css file within the main theme folder.

    I hesitate to do this, in fear that future updates would erase my changes.

    Any ideas what is going on?

    Thanks!

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

  • Hi ImWP
    My first guess is:
    use !important, it should overwrite any CSS file

    #secondary .widget > h3 {
background-color: #BAD1C9!important;
}

    Hope this will solve the problem

    If this does not work
    Would you be willing to put URL of your site here, so I can take a closer look.
    Cheers
    TR

    Thread Starter lmWP

    (@lmwp)

    Oh my! I can not believe I did not think of this. I spent so much time trying to solve this issue.

    Worked like a charm!

    THANK YOU!

    My pleasure,
    feel free to ask.
    Cheers
    TR

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Changing Widget Title Background Color’ is closed to new replies.