Black Friday Sale! Get up to $40 off GP Premium!Learn more

[Resolved] Adding button to menu via CSS

Home Forums Support Adding button to menu via CSS

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #341646
    Yael

    Hi there,

    Based on this thread:

    https://generatepress.com/forums/topic/custom-css-in-menu-item-not-working/

    I modified my original CSS:

    .main-navigation .gg-login a {
    background-color: #006bae;
    color: #FFFFFF !important;
    box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.1);
    }

    .main-navigation .gg-login a:hover {
    background-color: #c0a43e !important;
    color: #FFFFFF;
    }

    To:

    .main-navigation .main-nav ul li.gg-login a {
    background-color: #006bae;
    color: #FFFFFF !important;
    box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.1);
    }

    .main-navigation .main-nav ul li.gg-login a:hover {
    background-color: #c0a43e !important;
    color: #FFFFFF;
    }

    But now there’s additional padding being applied; you can see the issue here:

    https://pixelhappy.co/blueprint17/login/

    Here’s a screenshot of how I want it to display and how it did display (on all pages except current) with my initial CSS:

    https://gyazo.com/7cce615fceda9a9056ecbd40f8cc02dc

    GP Premium 1.3.1
    #341692
    Yael

    Wish there were a delete option! Silly mistake on my part (had button assigned to one of the menu items).

    Resolved. Thank you Leo!

    #341750
    Leo
    Staff
    Customer Support

    haha I didn’t help! Glad you found the solution 🙂

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.