Site logo

Archived topic

Title color change for sidebar widget

3 replies · Started by Manuela on March 6, 2021

Viewing posts 1–4 of 4

Hello,

I would like to change the title color for some widgets that appear in my right sidebar, but I am having trouble finding a way.

Could you please help with that?

Thank you,

Hi there,

for the first widget the title is part of the Widget content and you would use this CSS:

.inside-right-sidebar .textwidget h4 {
    color: #f00;
}

For the other widgets you can set all their colors to the same in Customizer > Colors > Sidebar Widgets --> Widget Title.

If you want to change each of them to separate colors you would use this CSS:

.inside-right-sidebar aside:nth-child(2) h2.widget-title {
  color: #f00;
}

That code targets the second widget - you can change create as many rules as you need that are the same and just change the :nth-child(2) to another number eg. :nth-child(3)

Hi David,

Thank you so much for your help!

You're welcome

This archived topic is closed to new replies.