Change the background color of one menu entry

This topic has 9 replies, 4 voices, and was last updated 9 years by Julian.

Author

Tagged: menu background color, menu text color
May 21, 2015 at 18:23 #59751

yorickt
Participant

Hello!

When you scroll down on http://seventhqueen.com/themedemo/?product=kleo and the menu gets smaller, the “Buy now” gets a blue background. How can I enable this for a menu item in my menu and is it possible to enable that permanently (without scrolling down)?

Cheers & Thanks!
Yorick
May 21, 2015 at 19:39 #59765

sharmstr
Moderator
Add the following “btn-buy btn-default” without the quotes to your menu item css. If you dont see the css box, enable it by clicking on screen options in the upper right part of the screen.

Then in your quick css add
COPY CODE
```
.btn-buy.menu-item {
  background-color: #00b9f7;
}
```
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com
May 22, 2015 at 20:01 #59845

yorickt
Participant

Hey there!

Thanks -works!

Unfortunately you can’t really read the menu text anymore – what can I add to make the menu text color white just for those items? (other menu text color should stay the same)

Tried to add “color: white !important;” but that didn’t work :/

Thanks!
Yorick
May 22, 2015 at 22:17 #59854

sharmstr
Moderator
You can’t do it that way because its a link, not just plain text. Try this
COPY CODE
```
.btn-buy.menu-item a {
  color: #fff;
}
```
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com
May 23, 2015 at 00:09 #59859

yorickt
Participant

Hey there!

awesome thanks!
Needed to add an “!important” and then it worked 🙂

Cheers & nice weekend
Yorick

May 28, 2015 at 18:29 #60412

Radu
Moderator

This reply has been set as private.

May 28, 2015 at 18:41 #60416

yorickt
Participant

Hey Radu,

no prob. http://life.institute

It disappears when I resize the browser but on my mobile it’s still there.

Cheers

July 13, 2015 at 12:19 #68003

Julian
Participant

Thanks for your answers, but how add the “btn-buy btn-default” class when other class are already determined and the grey field can not be selected ?
Thanks
Julian

Attachments:
You must be logged in to view attached files.

July 13, 2015 at 14:49 #68018

sharmstr
Moderator

You can’t.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

July 13, 2015 at 15:30 #68028

Julian
Participant

Ok, thanks
Author

Posts