Gradient colour for skill bar background colour

Support
#1

Hi there,

On this page https://thelanguagesherpa.com/russian-guide/ I have a number of skill bars.

Would you please be able to tell me how I can made the following gradient the background colour for these skill bars?

background: linear-gradient(to bottom, #ff6600 0%, #9900cc 100%);

Thank you!
LS

#2

Hi There,

Please add the following CSS under X > Theme Options > CSS:

.page-id-38 .x-skill-bar .bar {
    background: linear-gradient(to bottom, #ff6600 0%, #9900cc 100%) !important;
}

The CSS above will apply to the Russian Guide page only, to make it work globally, please change to this:

.x-skill-bar .bar {
    background: linear-gradient(to bottom, #ff6600 0%, #9900cc 100%) !important;
}

Hope it helps :slight_smile:

#3

Thank you, Thai!

1 Like
#4