Need help? Check out our Support site, then


CSS for Top Menu button?

  1. mariaelizabethbunn
    Member

    I'd like to make my top menu (a custom link to Donate via Paypal) stand out more on the page; I'm hoping that there is CSS to create a bright button?

    I'm using the Designfolio theme.
    Thanks!

    The blog I need help with is seavuriaforall.wordpress.com.

  2. Hello @mariaelizabethbunn,
    Once you have added a custom link to the menu, you can use CSS to target that menu item(using the menu ID).

    Lets say you want to make the menu item Support SeaVuria stand out more, then we can target it using it's menu ID(menu-item-85) and use this CSS:

    // make the menu item look like a button
    #menu-item-85 {
        background: #0080ff;   // change this hex color value if you want
        border-radius: 3px;
    }
    // change the color of the text of the menu item above
    #menu-item-85 > a {
        color: #ffffff !important;
        padding: 6px 15px 6px 26px !important;   // centerize the text inside the button
    }

    Hope this helps 🙂

  3. IMPORTANT NOTE:
    Change the menu id to the ID of the paypal custom link when using this CSS.

You must log in to post.

About this Topic

Tags