Highlight Menu item

I would like to highlight one of my menu items turning it into a colored button with softly rounded corners.
Here is my website: www.pinkdw.com
i want to turn that “Get a Quote” item into a button.
Can i do that?

Hello there,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    #menu-item-134 > a {
      background-color: #fff000;
      padding: 3px 17px;
      border-radius: 5px;
      color: #ff0000 !important;
      margin-top: -4px;
    }

    #menu-item-134 > a:hover {
      background-color: #ff0000;
      color: #fff000 !important;
    }

Regards,
Kharis

Perfect!!! Thank you!!!

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis

Hello,

I’ve been wanting to do the same thing as johannfiss.

I would like to highlight “Chci prvni lekci” menu item. I tried to follow the instructions given above, but with no success.

My website: https://www.honzachvojka.cz/

I’d really appreciate any help. Thanks!

Honza

Hello Honza,

Please try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    #mainnav ul li.current-menu-item > a {
      color: #d65050;  
    }

Regards,
Kharis
aThemes Support

Hi Kharis,

I truly appreciate your help. But the code seems not to be working.

Or I’m doing it wrong.

In the Customize menu, I can see two options “Simple Custom CSS” and “CSS”. I tried adding the code in each of them, but nothing changed.

Any idea why?

Thanks!

Honza

Hi Honza,

Validate your CSS code with the tool below, in case you have some lines of code before the code I suggested.

https://jigsaw.w3.org/css-validator/

Regards,
Kharis
aThemes Support