Change the background color of one menu entry

[yorickt]

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

[sharmstr]

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

[yorickt]

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

[sharmstr]

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

[yorickt]

Hey there!

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

Cheers & nice weekend
Yorick

[Radu]

This reply has been set as private.

[yorickt]

Hey Radu,

no prob. http://life.institute

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

Cheers

[Julian]

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.

[sharmstr]

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

[Julian]

Ok, thanks

[Author]

Posts