Adjusting Menu Background Of Yoga Template
Ronald
I would like to adjust the gradient in the top menu of the Yoga template. How and where can I do that? I also have trouble with the hero item where the same gradient keeps showing up. A preview can be viewed at monografisch.nl/tld2023/ Thanks in advance Kind regards
Mehtaz Afsana Borsha
Accepted AnswerHi
Thanks for contacting us. Could you please give me a screenshot of your issue?
-Regards.
Ronald
Accepted AnswerHow do I add screenshots? It is the gradient on the top menu as can be seen on http://www.monografisch.nl/TLD2023/ and the hero images.
Thanks
Mehtaz Afsana Borsha
Accepted AnswerYou can use this custom CSS
.yoga-hero-section:before{
linear-gradient(137deg,#91ff57 0%,#764aff 100%) !important;
}
Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.
And you can use this for uploading screenshot
John Flanagan
Accepted AnswerI tried use this to change the menu background color and I was unsuccessful. Confirming that it should be added to the template CSS override section?
Mehtaz Afsana Borsha
Accepted AnswerPath towards custom CSS:
Go to system--> https://prnt.sc/tDbSUJh6LiGu --> Default template-->Template options--> https://prnt.sc/A5nlsBvCQsqs And add your CSS there.
Note: Any custom CSS that you add inside Page is only available with that particular page. If you would like to use it on the whole website, then you will need to cut and paste it inside custom CSS area from your Joomla template.
John Flanagan
Accepted AnswerThanks. I am familiar with where to put it. Functioanlly speaking, there is no CSS that is overriding the menu background. I have used the !important tag and didn't have any luck.
Also yoga is a helix 3 but still know where to put it.