Mega Menu Presets - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!
Back to the questions

Mega Menu Presets

SL

Sissel Lundeby

Helix Framework 3 years ago

Hi, I am using the Mega menu for menu item "Kurs": https://arbeid4.joomla4.no/ It uses the background color defined for "Top bar", but the text color defined for "Body". I want the text color to be white (this is the text color defined for "Top bar"). How can I get a white text color for the Mega menu? (Without changing the text color for "Body").

Thanks, Sissel

0
9 Answers
Order by
Oldest Newest Votes
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #80776

Hi,

This is the default color of it. It needs too many customization which is beyond our support policy. But I can give you a hint.

You can use this custom CSS but mind it this only applicable for your first item You have to done the others by changing the item number

li.item-1064{
    color:white;
}

This blog may help you to find out

https://www.joomshaper.com/blog/which-line-of-css-i-have-to-edit-code-inspector-in-action

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #80134

Hi,

Thanks for contacting us. Do you want to change this color?

Screenshot 2022-08-17 at 6.18.33 PM.png

-Regards.

0
SL
Sissel Lundeby
Accepted Answer
3 years ago #80143

Hi, It's the norwegian page: https://arbeid4.joomla4.no/ https://arbeid4.joomla4.no/images/Mega-menu.png

Sissel

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #80270

Please give me that specific page link.

0
SL
Sissel Lundeby
Accepted Answer
3 years ago #80279

https://arbeid4.joomla4.no/

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #80300

Do you want to change this hover black color? It seems like this on my end

Screenshot 2022-08-18 at 2.35.45 PM.png

0
SL
Sissel Lundeby
Accepted Answer
3 years ago #80304

Hi Mehtaz. It's the norwegian page. Make sure the url is https://arbeid4.joomla4.no/ not https://arbeid4.joomla4.no/en/ You will then see the mega menu for "Kurs" similar to this picture: https://arbeid4.joomla4.no/images/Mega-menu.png

I want the text color to be white for the Mega-menu and find strange that the Mega-menu use the background color defined in "Top bar" but the text color defined in "Body". You can probably get around this by using css code, but it's preferred that the Mega-menu use all the settings defined in "Top bar".

Sissel

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #80540

Hi

Use this custom CSS

.sp-module ul>li>a {
    color: white !important;
}
.sp-megamenu-parent .sp-dropdown .sp-module .sp-module-title{
      color: white !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.

0
SL
Sissel Lundeby
Accepted Answer
3 years ago #80664

Thank you! The text is white, but the bullet points are still black. Any suggestions on how to make it white? (I thought the first part of the code should make the bullet points white)

Sissel

0