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

    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.

    Hi Dominic,

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

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

    Best regards
    Markus

    Write a Reply...
    You need to Login to view replies.