james377

Got it. It worked for the desktop version, thanks. It doesn’t work for my mobile, though, which means it probably doesn’t work for any mobile phones. Click here to view. The form is off of the screen.

Thanks,
JL

• This reply was modified 5 years, 3 months ago by james377.
• This reply was modified 5 years, 3 months ago by james377.

I found the code you mentioned (your screenshot above). So how do you make the form full width on mobile devices and 35% (in my case) for computers?

Thanks,
JL

Hello,
I’ve replied with a video. It’s on my Google Drive:
https://drive.google.com/open?id=10XZkB34_SDdkvEYWeZJjoh-f9JyMV1xL

#3) This doesn’t work for “Material” on mobile versions. Why do you have to add CSS to make this plugin work for mobile versions! Most people use mobile devices for the internet, but this plugin is not made for them.

@media screen and (max-width: 480px) {
.forminator-custom-form-15547.forminator-design–material {
width: 75% !important;
}
}

Although it’s not showing here, there ARE two dashes between the words “Design” and “material.”
https://www.leesleyfilms.net/our-current-project/apparition-alert/

• This reply was modified 5 years, 3 months ago by james377.
• This reply was modified 5 years, 3 months ago by james377.
• This reply was modified 5 years, 3 months ago by james377.

Hello,
Ya, I found the CSS to center it after I sent you that message. Thanks.

Another question: please go to same page (link below). Hover over the Message (optional) text area and notice the black outline. If you inspect that element (on a Mac), the body tag is causing it at #000000. I can’t locate the CSS to remove that. Also, do you know the CSS that can lower the placeholder text in that box (Message (optional))?

Here’s the link to the page: Link.

Thank you,
JL

• This reply was modified 5 years, 4 months ago by james377.

Okay, thanks.

JL

How do I center a form on a page without using columns?

Thanks,
JL

Okay, thanks.

It’s fixed now (with the update). Thanks.

Same problem, and the update didn’t fix it. Example: https://www.leesleyfilms.net/our-current-project/behind-the-camera-plus-iii/

I’m a Pro user. Just an FYI.

• This reply was modified 5 years, 4 months ago by james377.

When I don’t put the width at 30%, the form is across the whole page. How do I fix that without making it 30%?

Thanks,
JL
Click here for the web page.

Please ignore the 2nd question. The new question I have is this: why is the contact form so narrow for the mobile version? Here’s what it looks like:
click here.

The custom CSS I have in there now is:
{width: 30% !important;
margin: 0 auto !important;
letter-spacing: 1px;

@media screen and (max-width:500px){
width: 100% !important;
}

Thanks,
JL

2nd question; What’s the CSS that’ll make the form look right for the mobile version? Here’s what it looks like now: https://drive.google.com/file/d/1yN3RHSS5N4y__F0-Y31ia7h2ZXcMZniP/view?usp=drivesdk

This is the CSS I have in the form now:
{width: 40% !important;
margin: 0 auto !important;
letter-spacing: 1px;

@media screen and (max-width:500px)
width: 100% !important;
}

Thanks,
JL

• This reply was modified 5 years, 5 months ago by james377.

It appears that, by default, the Input and Text Area run off the form. The only custom CSS I have is this: {background-color: #9cc38e}
Or, this is a a bug. While editing another form, I was adjusting the Input and Text Area width and the results were they were running off the form (I think this was the result. It was a long time ago). Those settings, even though they’ve been deleted on that other form a long time ago, has spilled over to other forms – the new form I just made. Link below:

Web page: https://www.leesleyfilms.net/support-test/

Thanks,
JL

• This reply was modified 5 years, 5 months ago by james377.

Please make it easier for me over here by actually looking at something when I send it.