In header menu, change color of one page (or make it like a button)

Hi all!

I know it’s not a default for sydney theme, but is there a chance to make in header menu last page (BUY NOW) look like a button, or be underlined and different color than other pages in the header menu…

THank you!
Anja

My site is www.freshmorrow.com

www.freshmorrow.com

Hi,

You can make the BUY NOW menu link to look like a button with this Custom CSS:

#menu-item-719 {
    background: red !important;
    padding: 4px 8px !important;
    margin-top: -2px !important;
    margin-left: 7px !important;
    border-radius: 5px !important;
}

Please add the above CSS to your Child Theme’s style.css or in case you haven’t setup a Child Theme already, then you can also add the CSS to wp-admin -> Appearance -> Customizer -> Additional CSS so you won’t loose the changes after Theme or WordPress updates.

Please let me know how it works.

Best Regards,
Csaba

Thank you Csaba! It worked perfectly! Just one more thing, can I also change the text color or BUY NOW to white?

Thank you and have a great day!
Anja

Just one more thing, can I also change the text color or BUY NOW to white?

Thank you and have a great day!
Anja

Hi,

Yes, you can change the BUY NOW text to white with this Custom CSS:

#menu-item-719 a {
    color: white !important;
}

Please let me know how it works.

Best Regards,
Csaba

Thank you! Have a great day :slight_smile:

Anja

Hi,

You’re most welcome! If you need help with anything else, please, feel free to open a new topic.

Have a nice day!

Best Regards,
Csaba