ryan94

Thanks a lot.

hello?

My live URL: https://goo.gl/t1LJW8

I want to remove this: https://imgur.com/7E5XxUh

I did that (like so: https://imgur.com/quD3AMJ), cleared the cache, cleared my mobile’s browser cache and tried again, but the form still isn’t mobile responsive. Did I do something wrong?

Ok, i’ve been looking over this with Chrome DevTools for the past 2 days and I’ve still haven’t got a clue, sorry. My knowledge of HTML (let alone CSS) is pretty basic.

Do you know how I should edit my CSS style sheets? Thank you. What codes should I add in?

Here is my contact form in HTML:

<div style="margin: 0 auto; width:750px">

<p><b>Your Name:</b><br />
    [text* your-name] </p>

<p><b>Contact Email:</b><br />
    [email* your-email] </p>

<p style="text-align: left;"><b>Beds (Private): </b>[select menu-969 "0" "1" "2" "3" "4"] ?? <b>Beds (Dorm): </b>[select menu-69 "0" "1" "2"] </p> 

<p style="text-align: left;"><b>Check In:</b><br />
[date* date-52] </p>
<p style="text-align: left;"><b>Check Out:</b><br />
[date* date-753] </p>

[recaptcha]

<p>?</p>

<p style="text-align: left;">[submit "Request Booking"]</p>

</div>

I commented on that line like so before your last comment:

}
input[type="text"], input[type="email"], input[type="password"], textarea {
    padding: 1%;
    border: 1px solid #EAEAEA;
    line-height: 20px;
  /*   width: 98%; */
    margin: 0px 0px 20px;
    background-color: #F8F8F8;
    border-radius: 3px;
}??

It seems to be much shorter now, which is good. I’m not sure why it took so long to shorten itself. Very strange.

Thank you uditvirwani, but I don’t think the height of the map is the issue unfortunately:

View post on imgur.com

So, this thread remains unresolved.

I originally tried that and it didn’t work. I deleted that code you suggested to request help from the theme creators, but they haven’t replied yet.

I added it again, and the textboxes still take up half the page (why is it even that long? No-one’s name is that long). I rearranged the page, but even that didn’t help.

Please help.

View post on imgur.com

Still having issues.

Yes, the textboxes now appear much smaller and better, but the page width remains too wide (as you can see at the bottom when you go to the page, there’s a slider at the bottom of the internet browser).

I’m 100% sure this is to do with this plugin, because when I delete the contact 7 shortcode from the webpage, the problem disappears.

Also, when I use my mobile and access the webpage with the mobile version, the textboxes still shoot off across the webpage and look to big.

Please solve this for me. Thank you

Link to my contact 7 form: https://goo.gl/ZoLliR

I just updated it, and it works now. Thanks!!!

Thank you for your help. But I did that, and it didn’t work ??

Tried this way, and it doesn’t work:

https://www.ads-software.com/support/topic/plugin-contact-form-7-change-textbox-size?replies=3

I’m sorry, I’m still a bit confused.

Here is a link to my Contact Form 7 form: https://goo.gl/ZoLliR

I’ve tried modifying a bit over the past few days, but to no avail. All I want is to shorten the text boxes so they fit within the page. I thought this was a simple request ??

Code for the contact form:

<div style="margin: 0 auto; width:750px">

<p><b>Your Name:</b><br />
    [text* your-name] </p>

<p><b>Contact Email:</b><br />
    [email* your-email] </p>

<p style="text-align: left;"><b>Beds (Private): </b>[select* menu-969 "0" "1" "2" "3" "4"] &nbsp;&nbsp; <b>Beds (Dorm): </b>[select* menu-69 "0" "1" "2"] </p> 

<p style="text-align: left;"><b>Check In:</b><br />
[date date-52] </p>
<p style="text-align: left;"><b>Check Out:</b><br />
[date date-753] </p>

[recaptcha]

<p>&nbsp;</p>

<p style="text-align: left;">[submit "Request Booking"]</p>

</div>

Thank you