I want to color the title of one text widget red (5 posts)

  1. mluther
    Posted 3 years ago #


    Our website uses the Twenty Eleven Theme. I added a Text widget to a sidebar. We want the title of the text widget to be red. What are the ways to do that?

    Thank you.

  2. esmi
    Forum Moderator
    Posted 3 years ago #

    You will need to start customising your theme's CSS via a child theme.

  3. mluther
    Posted 3 years ago #

    dear esmi,
    thank you for your quick response.
    I've created a basic child theme.
    What should I be editing? And is it possible so that even if I have more than one text widget in use, only this particular widget will have the red title?


  4. mluther
    Posted 3 years ago #

    Dear all,

    My child's style.css has this:

    Theme Name: Twentyeleven Child
    Version: 12.8
    Template: twentyeleven

    @import url("../twentyeleven/style.css");

    .widget-title {
    color: #FF0000;


    And now, my one and only widget in all of our website has the red title.

    But when i added another text widget, the title of the 2nd text widget also appears in red. Please help.

  5. esmi
    Forum Moderator
    Posted 3 years ago #

    Try using Firefox with the Firebug add-on (or a similar CSS inspection tool) to identify the unique class/id of the widget that you want to apply the red colour to and adjust your CSS to suit.

Topic Closed

This topic has been closed to new replies.

About this Topic