Tala888 app download latest version ios.Enjoy Free 888+200 Daily Legal Bonus

snappypeople
(@snappypeople)

9 years, 10 months ago

Hi,

Have installed the contact form here https://www.sunshineweddingsspain.com/contact-us-2 looks fine on desktop and my ipad when its in landscape mode but in portrait on ipad or on my mobile, the grey background stretches very long beneath the send button.

Can anybody suggest how i fix this? I have tried a few css options i have seen but as of yet nothing has worked.

Thanks in advance.

https://www.ads-software.com/plugins/contact-form-7/

Viewing 3 replies - 1 through 3 (of 3 total)

Neil Murray
(@buzztone)

9 years, 10 months ago
Your problem seems to be caused by the following CSS in your WP theme:
https://www.sunshineweddingsspain.com/wp-content/themes/sunshineweddings/style.css?
```
#inside-page-left img {
    height: auto;
    width: 100%;
}
```
See Styling Contact Form for a general explanation of styling CF7 forms using CSS.

There is a link at the bottom of the page to a comprehensive and detailed article on Styling Contact Form 7 Forms. The article shows people, with suitable HTML & CSS skills, how to change the appearance of their Contact Form 7 Forms to meet their particular requirements.
Thread Starter snappypeople
(@snappypeople)

9 years, 10 months ago

Hi,

Thanks for the reply. I am going through various links on that page and I cant seem to find anything about the background size stretching? I see colours, form fields, font sizes etc.

Do you know what I would need to enter or change just to stop the background from stretching?

Thanks

Neil Murray
(@buzztone)

9 years, 10 months ago

Use Firebug or Chrome Dev Tools to examine the HTML and CSS of your CF7 form in detail. That’s how I found the problem.

??Once you understand how the HTML and CSS is configured in your CF7 form, you should be able to see the CSS changes you need to change the appearance of the form to suit your requirements.

You can learn about these extremely useful developer tools at the following links:
https://getfirebug.com/wiki/
https://www.evotech.net/blog/2007/06/introduction-to-firebug/
https://www.youtube.com/watch?v=sHbYpl1XFiM

Also consider contacting your theme provider. The theme is likely to be causing the same problems on any site that uses CF7.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Form stretching very long on mobile’ is closed to new replies.