Archived topic
background colour for each separate sidebar widget
3 replies · Started by Immi on June 21, 2019
Viewing posts 1–4 of 4
hello there,
I'm using multiple sidebar widgets on my website, and I would like to change the background colour of each widget as similar to the attached screenshot below.
Hi there,
so we're going to use some CSS to target each of the right sidebar widgets like so - this hits the first widget:
#right-sidebar .widget:nth-child(1) {
background-color: #2255FF;
}Duplicate the rule for each widget and increase the # in the :nth-child(#) e.g #right-sidebar .widget:nth-child(2) is the second widget and so on
thanks, sir it's working a charm,
Please have a look **
Looks great - glad to be of help
This archived topic is closed to new replies.
