Hi there,

Actually, it is depends on what you've defined in the preset.

I have inspected your site and it seems you have customized the preset according to your preferences. Im not sure what did I missed here. All seems to be working fine.

Please advise.

Hello and thank you for the answer,

please take a look for example at the "Major Color", only with preset 4 it shows menubar and footer with this choosen color.

With preset 1,2 and 3 it shows colors, no matter, what is choosen.

It does not seem to be a cache issue, because preset 4 Major color works instantly, whenever it is saved and frontend reloaded.

There are some other color presets, that do not, what would be expected.


Thank you and best regards, Macjoomla

I have the same problem - I've changed Preset 1 'Major Colour' and 'Dropdown Background Colour' but it has no effect... always stuck with the default purple Vanilla colour.

I've cleared cache and refreshed.

Also FYI: https://www.joomshaper.com/forums/helix-iii-preset-changes

Update: Another Helix Thread with a reply from Staff at https://www.joomshaper.com/forums/preset-colors-don-t-change-helix-3 is advising that it is a bug and to use Custom CSS until Helix 4 comes out in January.

I don't think Vanilla will upgrade to Helix 4 from what I'm reading.. so my question to StackIdeas team is, any advice on the best way to add Custom CSS to the Vanilla template?

Hi there,

Good day to you. I have inspected this issue from my end and it seems to have some issue when changing preset colors. Our designers have mistakenly use the same variable throughout each presets. We'll take a look on this matter and apply the necessary fixes.

There are 2 types of dropdown (normal menu dropdown, mega menu dropdown). Currently, Vanilla template is designed to display white background on Mega menu dropdown. http://take.ms/bVwd9 . The reason is because, it will help displaying modules with transparent background. Example: http://take.ms/lJv9T .

After a discussion with our designers, we've come to a conclusion to reset and standardize the white background on mega menu dropdown to the normal menu dropdown background color. This however will have affect on modules with transparent background. Users will need to apply custom css themselves to fix the module's background issues.

Regarding your inquiry on the best way to add custom css, I believe you can add your custom css from template custom code option. http://take.ms/klo19 . Your custom css will be stored in database and will not get overwritten when updating template.

Thanks and have a great day.

Great. Thanks!

Hi there,

You're most welcome.

Hello, great news and thank you for releasing stable version of vanilla

Unfortunately, the presets also do not work reliably in the new version…

Best regards, Macjoomla

Macjoomla - I think this is more an issue with Helix framework. In one response on their forums from their admin it says its a known issue and to use CSS overrides instead until Helix 4 comes out (in January I think)

..ah, although it did just work for me after I went to the template 'Advanced' tab and did the 'LESS to CSS' and save.. and then clear cache completely....

Hello Andy, thank you for the hint, this makes my presets work as expected too. Life can be so easy

Hi guys,

Thanks Andy for helping. Yeah, you'll need to recompile back the less to css. After you have refresh the page and all works, dont forget to turn the compiler off. Because, it will make your site slow.

Thanks and cheers.