Pricing Table

[Philip Holmes]

Pricing Table particle, Items > Background Settings > Blend Mode

when this option is selected, is there any way for the particle to use the Background Color specified ? At the moment it appears to be using Accent Color 1 from the template.

Thank you

[Tony]

Take a look this screenshot https://imgur.com/a/w6jR0QR
You can custom the background color to use with BLEND MODE
Next time, please do not create same topics.

[Philip Holmes]

Thats what I did.

Background color : #8a8a8a
Blend mode: screen

The color on the front end displays as orange (my accent-color-1)

[Philip Holmes]

I just found this in the _jlparticles.scss which I think is creating my problem,

//Force background color override Gantry5 Section Variations
.jl-background-default {
background-color: #fff !important;
}
.jl-background-muted {
background-color: #f8f8f8 !important;
}
.jl-background-primary {
background-color: $accent-color-1 !important;
}
.jl-background-secondary {
background-color: #222 !important;
}

[Tony]

I just checked the particles package in local and I can change the background color with blend mode option. Is it work if you remove the css code above ?

[Tony]

The reason to add !important for the jl-background that you can “force” the background color which assigned via layout sections (if any). so you can use custom background color of particle setting with blend mode option.

[Philip Holmes]

if I remove the code,

.jl-background-primary {
background-color: $accent-color-1 !important;
}

then yes it works

[Tony]

I will take a look this case and will find the solution for the next update.

[Philip Holmes]

Thank you.

Your particles are great, very neat and clean which I like.

[Tony]

Thank you 🙂