Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 23, 2019 at 12:31 pm #1150486
    FA123

    I have two pages on my site that use the contact form. Currently, the Submit button is in the style that automatically comes with the contact form. I had styled other buttons throughout the site and I would like the Submit button on the contact form to be the same as the rest of the site – is this possible?

    This is the Advanced Styling I used to style the other buttons on the site:
    60px radius – Work Sans font – 16px font size – Uppercase Text Transform – 0.05em letter spacing (other settings – default)

    This is the colour of what I would like the submit buttons to be: #0dbfbf

    Links to website in private area!

    • This topic was modified 5 years ago by FA123. Reason: More information!
    October 23, 2019 at 10:23 pm #1150673
    Jordan Shannon

    Hey FA123,

    Add this to quick css:

    
input.button{
border-radius: 50px!important;
background-color:#0dbfbf!important;
border-color:#0dbfbf;!important;
}

    Best regards,
    Jordan Shannon

    October 24, 2019 at 11:30 am #1150846
    FA123

    Thanks you, that worked! Appreciate it :)

    October 24, 2019 at 3:01 pm #1150900
    Victoria

    Hi FA123,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

    November 5, 2019 at 7:06 pm #1154047
    FA123

    Hi Victoria,
    So I used the quick CSS above and although I thought it was perfect at the time – I just noticed there is a tiny border/outline underneath the button like a drop shadow of sorts. Can this be removed?

    November 5, 2019 at 7:29 pm #1154060
    Jordan Shannon

    Hi,

    Add this to quick css:

    .main_color input[type='submit']{
border:none!important;
}

    Best regards,
    Jordan Shannon

    November 6, 2019 at 11:42 am #1154237
    FA123

    Thank you that worked perfectly! Case closed :-)

    November 6, 2019 at 9:20 pm #1154419
    Jordan Shannon

    Hi,

    Perfect, I’m happy to help. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘How do I make the contact form "Submit" button same as other buttons?’ is closed to new replies.