How can i change the colour of the menu background and its fonts? In demo i can see black background and white fonts, i need to change this on my site.
Solved
Templates
Pitech - Menu colour
Accepted answer
Marked as the solution
Ziaul Kabir Staff
Hi Yiannis,
Thank you for reaching out.
To change your header background color, please follow these steps:
- Navigate to System → Site Template Styles
- Select your template and click on Template Options
- Go to the Presets tab
- Click Edit on the Default Preset
From there, you can adjust the colors as needed. Once you’re done, make sure to save your changes.
Please don’t forget to clear both your Joomla and browser cache to see the updates.
Best regards,
7 more replies
Yiannis Asked this
Thank you very much!
Yiannis Asked this
I just noticed that my new backgroud menu colour is not ok when menu is linked to blog/article. It's always black there. Is there any special configuration for these cases?
Ziaul Kabir Staff
Share your website url with me.
Thanks
Yiannis Asked this
Thanks for your reply, please see the page below.
Ziaul Kabir Staff
Please, use this css in your custom css, You can check this documentation for adding custom css: https://www.joomshaper.com/documentation/helix-framework/custom-code-css-js-meta
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
background: #010c22;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
color: #ffffff;
}
Yiannis Asked this
Thanks but i added the code and it made my home menu black (as the articles menu), so i removed it. I want the opposite, i mean to make the articles menu (the menu at the url i sent you) light colour just like home menu and not black.
Ziaul Kabir Staff
Use this small css, It will make header like home page:
.view-article #sp-header {
background-color: unset;
}Thanks
Yiannis Asked this
It worked, thanks!
Ziaul Kabir Staff
You are welcome. We greatly value your opinion and would love to hear your feedback about SP Page Builder. If you could spare a moment, it would mean a lot to us!
You can share your review here:
Log in to reply.