[Support request] Menu CTA

Home Forums Support [Support request] Menu CTA

Home Forums Support Menu CTA

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #968815
    scott doel

    Having a really stupid brain fade and cant use the tutorial here to create a solid colour button which changes colour on hover. Can I be cheeky and ask for the CSS please?

    I wanted the normal colour to be #1e6fb7 and on hover to be #66A1D5

    #968944
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    You currently have this CSS:

    @media (min-width: 769px) {
        .main-navigation .main-nav ul li.nav-button a, .main-navigation .main-nav ul li.nav-button a:hover, .main-navigation .main-nav ul li.nav-button a:focus {
            border: 2px solid #ffffff;
            color: #ffffff;
            margin: 10px 5px 10px 5px;
            line-height: 35px;
        }
    }

    Try replacing it with this:

    @media (min-width: 769px) {
        .main-navigation .main-nav ul li.nav-button a {
            border: 2px solid #ffffff;
            color: #ffffff;
            margin: 10px 5px 10px 5px;
            line-height: 35px;
            background: #1e6fb7;
        }
    
        .main-navigation .main-nav ul li.nav-button:hover a, 
        .main-navigation .main-nav ul li.nav-button:focus a {
            background: #66A1D5;
        }
    }
    #969021
    scott doel

    Amazing! Thanks Tom

    #969161
    Tom
    Lead Developer
    Lead Developer

    You’re welcome 🙂

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