background colour for each separate sidebar widget

[Immi]

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.

[David]

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

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Immi]

thanks, sir it’s working a charm,
Please have a look https://www.androidspd.com

[David]

Looks great – glad to be of help

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts