Menu Colour On One Tab - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Menu Colour On One Tab

A

AJones

Template 2 years ago

Hi.....this is for Shaper Estate template, and I needed only one of the menu tabs to have a background colour.

Basically it's going to be a phone number which will link to a third party application where they can request a callback.

Any suggestions on code for this?

Many thanks!

0
6 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #119594

Hi

Thanks for contacting us. Could you please give me your site URL and also screenshot? So that I can check.

-Regards.

0
A
AJones
Accepted Answer
2 years ago #119597

Just posted in hidden content.

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #119618

You can use this custom CSS for changing the background color

#sp-header {
    background: #1da469 !important;
}

Go to system--> https://prnt.sc/tDbSUJh6LiGu --> Default template-->Template options--> https://prnt.sc/A5nlsBvCQsqs And add your CSS there.

0
A
AJones
Accepted Answer
2 years ago #119620

But that changes all menu items......I only want one menu item to display with the coloured background.

0
A
AJones
Accepted Answer
2 years ago #119636

It's ok......sorted now!

#sp-menu .sp-menu-item:last-child {
    background: #1fb4cc;
    height: 66px;
    padding: 0px 12px;
0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #119704

Glad to know that. You can now close this post by accepting the answer.

0