Support Forums

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Change mega menu text color

Featured Lock Resolved Issue
Hi
i want to change the color of the text of mega menu..
I try to select the presets but nothing change.
Now the default color of text is black but i want to change in blue..how to ?
thanks for help:)

13 Answers

Andrea

More than a month ago #Permalink
Thanks

Shibbir

More than a month ago #Permalink
Hello there,

Send me your site url to check it.

Thanks.

Andrea

More than a month ago #Permalink
send in pm

Shibbir

More than a month ago #Permalink
Hello there,

On your site, I can't see any megaemenu. Please add it first.

Thanks.

Andrea

More than a month ago #Permalink
Intend the menu

Andrea

More than a month ago #Permalink
i mean the default menu of helix template

Andrea

More than a month ago #Permalink
hello can you help me please?

Shibbir

More than a month ago #Permalink
hello can you help me please?


Hello there,

Did you add that helix mega menu? If no, then go this link to the documentation: https://www.joomshaper.com/documentation/helix-framework/helix3#megamenu

Thanks.

Andrea

More than a month ago #Permalink
i want to change the color of this menu
background color and text color

thanks

Attachments (1)

  • Cattura.JPG
    Cattura.JPG 14 KB

Shibbir

More than a month ago #Permalink
Well,

Use this following CSS code in the custom.css file in CSS directory:


To change the background color use this:


#sp-header {
background: #ffffff none repeat scroll 0 0;
box-shadow: 0 3px 3px rgba(0,0,0,0.05);
height: 90px;
left: 0;
position: relative;
top: 0;
width: 100%;
z-index: 99;
}


Change the background value of your needs.

To change the text color use this:


.sp-megamenu-parent >li >a, .sp-megamenu-parent >li >span {
display: inline-block;
padding: 0 15px;
line-height: 90px;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1px;
color: #fff;
margin: 0;
}


Thanks.

Andrea

More than a month ago #Permalink
Well,

Use this following CSS code in the custom.css file in CSS directory:


To change the background color use this:


#sp-header {
background: #ffffff none repeat scroll 0 0;
box-shadow: 0 3px 3px rgba(0,0,0,0.05);
height: 90px;
left: 0;
position: relative;
top: 0;
width: 100%;
z-index: 99;
}


Change the background value of your needs.

To change the text color use this:


.sp-megamenu-parent >li >a, .sp-megamenu-parent >li >span {
display: inline-block;
padding: 0 15px;
line-height: 90px;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1px;
color: #fff;
margin: 0;
}


Thanks.

In Templates: Edit Style --> CUSTOM CODE --> custom css ?
thanks

Shibbir

More than a month ago #Permalink
Hello there,

You need to create a new file called the custom.css file in your template CSS directory.

Thanks.


There are no replies made for this post yet.
However, you are not allowed to reply to this post.

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 128
Toufiq

Toufiq

Total Accepted Answers: 37
Sifat

Sifat

Total Accepted Answers: 13
Rifat Wahid Alif

Rifat Wahid Alif

Total Accepted Answers: 10
Pavel

Pavel

Total Accepted Answers: 5

100+

Templates

200,000+

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam