Help with Contact 7 Style background

Hello, please, any advice on how to solve this?

Hello @itmonitor,

We have verified your page and styling setup on that page for your Contact Form 7 form and noticed that there are some .reponsiveforms wrappers which have float: left styling, which makes the elements not to fill the whole main container. This is the reason why the background does not cover the whole form.

To resolve this issue, you could do the following:
– if you can edit the HTML structure please add a
<div style="clear:both"></div> after the last reponsiveforms div.
– if you can’t edit the HTML structure, than you can add the following CSS snippet to our CSS editor(looks like this: https://ps.w.org/contact-form-7-style/trunk/screenshot-6.jpg?rev=1834625) :

.cf7-style-5982 .reponsiveforms {
    display: inline-block;
    float: none !important;
    width: 32%;
}
.cf7-style-5982 .reponsiveforms:last-of-type {
    width: 100%;
}
.cf7-style-5982 .reponsiveforms:last-of-type p {
    text-align: right;
}

Best Regards,
Lehel

You can read more about floating elements here:

https://css-tricks.com/almanac/properties/f/float/

After I added the CSS snippet to my browser your Form looks like this:

https://www.screencast.com/t/GT7brWp1y1rW

Hi

the CSS snipped worked well. Many thanks ??

Rgs

IM