Background color of masthead module not being taken into account

mberwing

Hi there,

we are using JA Event Camp template and styles and have configured the masthead module in Layouts to using
palette 'Dark'.
We then checked on Theme Colour -> Palettes -> Dark and have defined the background color to using
dark blue with Hexa #1c1e52.

But when we check the color for JA Masthead module on frontend on module position 'masthead' it is complete different color
#301571.

This is not correct and we expect to see #1c1e52 as defined in the style configurations in backend.

Why is this not being take into effect ?
Where is #301571 coming from / being referenced ?

See screenrecording:
https://drive.google.com/file/d/1PvSJofYdMs6BTmtaM4D3Zvl_4K2XLU9P/view?usp=sharing

Thanks and regards
Markus

dominic

Hi mberwing,
I have checked and see the site used the following CSS

.t4-masthead .ja-masthead:before {
    background-color: #321573;
    opacity: 0.95;
}

in the:
‎/templates/ja_eventcamp/html/com_easyblog/styles/custom.css and /templates/ja_eventcamp/local/css/template.css file:

To resolve this issue, I have added a custom CSS code to the Backend > site template styles > ja_eventcamp > Tools > Custom CSS:

.t4-masthead .ja-masthead:before {
    background-color: #1c1e52 !important;
}

You can check your site now.

mberwing

Hi Dominic,

great.....now it looks exactly as we want.

Thanks so much for the great support .....appreciated !

Best regards
Markus