Send In Blue form styling

[markcousins1]

Hi,

I have a Send in Blue mailing form plugin on my contact page but I don’t know how to change the styling - the page is here:

https://www.deploythemusic.com/contact/

Is it possible to:

1. Take the drop shadow off the button
2. Change the colour of the button to Grey
3. Make the width of the form the same as the Contact form above it - or at least make it slightly longer in width and centre it?

And there’s also an orange long box under the Contact Form 7 that i’d like to get rid of if possible please?

Thank you
Mark

[prakash_s]

Hi Mark,

Thanks for writing to us.

To change the button colour and get rid of the box-shadow you need to add this custom CSS code in the X/Pro-->Theme Options---CSS

input.sib-default-btn {
box-shadow: none !important;
border: 0px !important;
background: #808080;
}

You can change the background colour code as per your design.

To remove the orange long box under the Contact Form 7 you can use this custom CSS code under X/Pro-->Theme Option -->CSS

form.wpcf7-form.init .wpcf7-response-output{
display: none;
}

Screenshot Here

The purpose of providing the custom CSS to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.

Hope it helps you.
Thanks

[markcousins1]

Thanks Prakash all worked!

[marc_a]

Hi Mark,

You’re welcome and it’s our pleasure to help you. If you have any other concerns, feel free to reach us.

Thank you.