Flat button style with hover effect

  • corpor8chic

    (@corpor8chic)


    7 years, 11 months ago

    Hello there,

    I really love this plugin its simple and just fantastic..but I would like the ability to change the styling of the button and I’m almost there but I can’t quite seem to get the hover effect to work..here is what i have

    input[type="submit"]  
/* Or better yet try giving an ID or class if possible*/
{
 border: 0;
 background: #bbaad4;
 box-shadow: none;
 color: #ffffff;
 border-radius: 0px;
 padding: 10px 20px 10px 20px;
}

input[type="submit"]:hover {
 background: #000000;
}

    Can you suggest a fix that might work? Thank you!

Viewing 1 replies (of 1 total)
  • Plugin Author Phil

    (@philsbury)

    7 years, 11 months ago

    Hi @corpor8chic,

    Pretty much everything has it’s own class that you can use to style it, have a look at the reference page in the documentation.

    Depending on your settings, you should use .age-gate-submit for input/dropdown or if you’re using the yes/no buttons .age-gate-submit-yes and .age-gate-submit-no.

    You may need to override some of your theme’s button styles too, but it looks like you have some of that with the box-shadow.

    If you have it on a link I’ll happily have a look.

    Cheers
    Phil

Viewing 1 replies (of 1 total)

The topic ‘Flat button style with hover effect’ is closed to new replies.