MENU BUTTON COLRS

Home Forums KLEO General questions MENU BUTTON COLRS

This topic has 12 replies, 3 voices, and was last updated 7 years by Laura.

  • Author
  • February 13, 2019 at 00:00 #218432
     kjcarleo
    Participant

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

     

    Kevin

    February 13, 2019 at 00:25 #218435
     kjcarleo
    Participant

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

    February 13, 2019 at 04:15 #218446
     Laura
    Moderator

    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
    February 13, 2019 at 06:36 #218455
     kjcarleo
    Participant

    That worked but how can I get no curved corners?

    KJ

    February 13, 2019 at 16:48 #218474
     kjcarleo
    Participant

    Basically I want it to be a rectangle BG

    KJ

    February 14, 2019 at 18:03 #218553
     Kieran_SQ
    Moderator

    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
    February 14, 2019 at 18:16 #218554
     kjcarleo
    Participant

    That worked PERFECT! How about the Log OUT?

    Kevin

    February 14, 2019 at 19:48 #218562
     Kieran_SQ
    Moderator

    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
    February 14, 2019 at 20:09 #218563
     kjcarleo
    Participant

    Uh OH something happened to the home page (for some reason onyl HOME) https://embassymarine.org/.

    I removed the code for the LOGIN button, but the error still persists.

    Please take a look for me:

    Username: SeventhQueen
    PW:$ev3nthQu33n2019!

    February 14, 2019 at 20:22 #218564
     Kieran_SQ
    Moderator

    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
    February 14, 2019 at 22:36 #218578
     kjcarleo
    Participant

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

    February 14, 2019 at 22:46 #218579
     kjcarleo
    Participant

    Ok it is added back and seems fine.

    Your login is ready as well for the LOG OUT BUTTON CSS

    Username: SeventhQueen
    PW:$ev3nthQu33n2019!

    February 15, 2019 at 07:24 #218606
     Laura
    Moderator

    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
  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)

The forum ‘General questions’ is closed to new topics and replies.

Support Hours Our support team is available from Monday to Friday during regular office hours ( East European Time ). Please allow up to 48hrs so we can review your request and respond.
License info One theme purchase allows you to use it only on one WordPress install, so each new install requires a new license. We thank and appreciate everyone for their purchase as it allows us to keep supporting and releasing new updates.
Support Hours Our support team is available from Monday to Friday during regular office hours ( East European Time ). Please allow up to 48hrs so we can review your request and respond.
License info One theme purchase allows you to use it only on one WordPress install, so each new install requires a new license. We thank and appreciate everyone for their purchase as it allows us to keep supporting and releasing new updates.

©2026 SeventhQueen - Powered by KLEO Theme

Terms & conditions | Privacy Policy

Log in with your credentials

Forgot your details?