Archived topic
Title color change for sidebar widget
3 replies · Started by Manuela on March 6, 2021
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