change background color of selectively widget title

  • Resolved pankajmca2

    (@pankajmca2)


    9 years, 10 months ago

    Hi,
    I am developing a website Govt Job Central and I changed the widget title in the sidebar to purple color.

    I have written the following code in the custom CSS

    .widget-title {
    font-size: 17px;
    /*text-transform: uppercase;*/
    line-height: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
    color: #ffffff;
    background-color: #b257b2;

    But at the same time it changed the background color of the widget title in the footer also.I don’t want to change the background color of this title “JOBS BY QUALIFICATION”.

    Alternatively how I can control the background color and lowercase/uppercase of individual widget title. As you can see the title is in uppercase even though I have made this code as comment.

    How to do this ? Please help.

    Regards,
    Pankaj Sinha

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

  • If you want to just affect the widgets in the sidebar and not the footer, add #secondary to the selector, so it looks like this:

    #secondary .widget-title {
   font-size: 17px;
...
}

    Thread Starter pankajmca2

    (@pankajmca2)

    Thanks a lot CrouchingBruin.

    One thing that I am not able to understand I have maintained

    /*text-transform: uppercase;*/

    but still the footer widget title is in uppercase. It should be like as I write the title.

    Is there anyway that I change the Upper case to normal for the footer widget title.

    There is a rule in your theme’s stylesheet that looks like this:

    #colophon .widget-title {
   font-size: 17px;
   text-transform: uppercase;
   line-height: 24px;
   color: #ccc;
   font-weight: bold;
}

    So, you can override it by adding this rule to your custom CSS:

    #colophon .widget-title {
   text-transform: none;
}

    Thread Starter pankajmca2

    (@pankajmca2)

    Thank you very much. You are genious

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘change background color of selectively widget title’ is closed to new replies.