MENU BUTTON COLRS

[kjcarleo]

Hey Guys would it possible for me to change the color of ONLY the “LOGIN” main menu button?

 

Kevin

[kjcarleo]

And by color I mean the BG color….right now it is clear (transparent)

[Laura]

Hello, you can do it with this css, add it to style.css of child theme

COPY CODE

li#menu-item-12015 {
    background: black !important;
    border-radius: 20px;
}

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[kjcarleo]

That worked but how can I get no curved corners?

KJ

[kjcarleo]

Basically I want it to be a rectangle BG

KJ

[Kieran_SQ]

Hi,

You can replace the CSS from above with the CSS below

COPY CODE

li#menu-item-12015 {
    background: blue!important;
    border-radius: 0;
    margin-left: 10px;
}

This will remove the border-radius and adds a 10px margin to the left so it sits better on the page. If you do not wish to use the margin then simply remove that line.

Thanks,

Kieran

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

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[kjcarleo]

That worked PERFECT! How about the Log OUT?

Kevin

[Kieran_SQ]

Hey Kevin,

I’d need to be logged in to see that menu item and grab it’s ID. If you update this ticket, in a private reply, with login credentials for your site I will be happy to send you the further CSS.

Thanks,

Kieran

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

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[kjcarleo]

This reply has been set as private.

[Kieran_SQ]

Hi,

What’s happened to the home page?

Kieran

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

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[kjcarleo]

The issue seems to have self-resolved. I will try adding the code again and see what happens.

[kjcarleo]

This reply has been set as private.

[Laura]

Hello 🙂
Here it is

COPY CODE

li#menu-item-11950 {
    background: blue!important;
    border-radius: 0;
    margin-left: 10px;
}

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Author]

Posts