We’ll now take a look at styling the WordPress sidebar titles using Thesis 2 CSS. Thesis 2 provides a CSS Package out-of-the-box for our use.
From the WordPress Dashboard navigate to the Thesis 2 CSS page.
On the right side of the page you’ll find a CSS Package labeled “Widgets”.
Click on the Widgets button. Scroll down and expand the Widgets Titles – Font Settings. I changed the Font Weight to “bold”.
Scroll further down to the Widget Titles – Font Settings – Padding. I added a little padding on top and bottom to expand the title a bit. I also added left padding to move the title off the side of the title container.
Remember the CSS Variables we created? Take note of our secondary color B1.
Within the Widgets CSS button, click on “Additional CSS”. I entered the new CSS highlighted below. This will add a background color to our widget titles and change the font to white.
Click the green “Save” button. Also click the green “Save CSS” button.
Refresh your home page and you will see the changes to your widget titles.