Getting a shadow underneath my WPForms button

[jere.toikka]

Hello,

I have been using CSS to get my Contact page to look better and have for the most part succeeded. Still haven’t found out how to get the button to have shadows like I have in my home page.

What I’m trying to get is the shadows on the home page buttons https://kitaratunnitturku.com/ to appear on the contact form button also: https://kitaratunnitturku.com/ota-yhteytta/

Thank you!

[Prasant]

Hello Jere,

Thanks for writing in!

Please add following CSS under X > Theme Options > CSS:

.wpforms-submit-container {
    width: 75% !important;
    box-shadow: 0em 0.15em 0.65em 0em rgb(255,160,0) !important;
    padding: 0 !important;
    padding-left: 0 !important;
    float: left !important;
    background-color: #fff !important;
    border-color: #FFB800 !important;
    border: 2px solid #FFB800 !important;
    border-radius: 13px !important;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

[jere.toikka]

Thank you!

[friech]

We are delighted to assist you with this.

Cheers!