Archived topic
widget
3 replies · Started by Den on February 8, 2022
Hello team,
Can you help me out with the colours for my widget.
The basic setup is like this: ( sidebar / content / sidebar )
I want to change the colour on both sides for the 1st widget.
Now here's the thing, I want the left one in red colour and the right one in blue.
Example: https://www.linkpicture.com/q/example_41.png
The code i am using as of now:
.sidebar .widget:first-child,
.sidebar .widget:first-child {
background: #ede0ff;
}
Hi there,
you can use the is-left-sidebar and is-right-sidebar classes to differentiate between them
.is-left-sidebar .widget:first-child {
/* Set left sidebar styles */
}
.is-right-sidebar .widget:first-child {
/* Set right sidebar styles */
}
Amazing! Thanks David
You're welcome