Site logo

Archived topic

widget

3 replies · Started by Den on February 8, 2022

Viewing posts 1–4 of 4

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

This archived topic is closed to new replies.