Menu button style

[JGCPH]

Hi Swift.

I know this is not a support question.

Is it possible to add/style a menu item like a button? (Like the Buy Now button in this screnshoot, but within the main menu?)

Thank you. Jonathan

[JGCPH]

and the screnshots

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

In Appearance > Menus on the menu item you can select ‘button style menu item’

– Kyle

[JGCPH]

Thanks Kyle.

Any chance of creating a more natural button instead of this?

http://kiropraktor-hedehusene.dk/2016/

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Add this to your custom css:

.menu-item-447 a > span {
  padding: 15px;
  background-color: #e6e6e6;
}
.menu-item-447 a:hover > span {
  background-color: #111;
  color: #fff;
}

– Kyle

[JGCPH]

Thanks Kyle. Appreciate it. Been trying to tweak the css to make it look good, but I don´t succeed at all. See screenshoot. The page has been moved to http://www.kiropraktor-hedehusene.dk

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

It’s not like that for me? http://d.pr/i/16hfN/JtYGtgFY

– Kyle

[JGCPH]

Hi Kyle. I had to disable the menu buttom style, because the page is live and it did not look good. Do you have an example of a page, where this featured is used?

Thanks

[JGCPH]

Just tried adding the css again and looks great now, so must have been my mistake. Thanks

[Mohammad – SUPPORT]

Hi,
Great thanks to Kyle.
Thanks
Mohammad

[waldmanq]

We’re do I add this ccs code is it in the team costume CSS?