Hi
I am building a onepager web page in Joomla 4 for the first time. I am using the latest versions of Joomla, SP Pagebuilder & Helix Ultimate.
I changed the CSS to update the menu background to dark green and the menu items to white. However, the Megamenu and Off Canvas menu (hamburger menu) are colored black and would not take the color I previously set.
How can I change the menu item colors to white? (and the Off Canvas Menu)
Regards,
J. Francois Barnard
Hi there!
Where did you put your custom codes to make these changes, please?
Here is all about custom code:
https://www.joomshaper.com/documentation/helix-framework/helix-ultimate-2/custom-code-css-js-meta
Best Regards
Hi Rashida
Thank you. My apologies - I should have logged this under Helix and not SP Pagebuilder.
I do not know CSS that well. But you gave me some custom CSS code before and I have built up a database of code I can use for some modifications I need.
I this case, I have changed the default background color of the menu to dark green and the menuitem color to white. But the MegaMenu's menu item (Call Now) is in black, not white like the rest of the menu.
Also, I have enabled social icons, and placed them on the [title] position. I see I can enter CSS code in the Layout of the [title] position as well, and need the icons to be white (not blue) and on the same dark green background, and right-aligned.
I have no idea what CSS code to use. Can you perhaps give me code I can store in my CSS database for future reference?
I am working on https://justenjoy.org.za
Regards,
J. Francois Barnard
Hi Rashida
On the social icons I managed to change the background color and link color - so that is sorted, but I am still battling to right-align it. :-)
I tried
div#sp-title.col-lg-12 {
text-align: right;
}but to no avail