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
Staff replied
Templates
Adjusting menu background of Yoga Template
4 replies
Mehtaz Afsana Borsha Staff
Hi
Thanks for contacting us. Could you please give me a screenshot of your issue?
-Regards.
Ronald Asked this
How 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 Staff
You 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
I 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 Staff
Path 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
Thanks. 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.
Mehtaz Afsana Borsha Staff
Please create a new forum post about your issue.
Log in to reply.