• 1

Read this first!

We do not monitor these forums. The forum is provided to exchange information and experience with other users ONLY. Forum responses are not guaranteed.

However, please submit a ticket if you have an active subscription and wish to receive support. Our ticketing system is the only way of getting in touch with RSJoomla! and receiving the official RSJoomla! Customer Support.

For more information, the Support Policy is located here.

Thank you!

TOPIC: Fields are to wide for small screen, how to fix?

Fields are to wide for small screen, how to fix? 9 years 1 month ago #34619

  • info44548
  • info44548's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 17
  • Thank you received: 1
I am using RSForm Pro on my website and everything works fine.
The only thing that bothers my is the fact that the text fields are to wide for a small screen.
When you look at www.responsinator.com/?url=http%3A%2F%2F...n.com%2Fnl%2Fcontact you will see that the text fields are to big for the screen.

Is there a way to fix this?
I am using the CSS3 Responsive lay out, the only thing is that I have put a width of 200px in each text field.
Changing this, doesn't change a thing in responsive mode.

Looking forward to your answer.
The administrator has disabled public write access.

Fields are to wide for small screen, how to fix? 8 years 11 months ago #35103

Hi,

I have the same problem with the fields of my fom.
Is there an answer?

Thx
The administrator has disabled public write access.

Fields are to wide for small screen, how to fix? 8 years 10 months ago #35209

  • andreic
  • andreic's Avatar
  • OFFLINE
  • RSJoomla! Official Staff
  • Posts: 745
  • Thank you received: 66
Hello,

From what I can see the width of the fields is set to 100% from

www.twinfish-webdesign.com/media/com_rsf...nsive/responsive.css

Please try overwriting the following CSS definition:

.formResponsive input[type="text"], .formResponsive input[type="password"], .formResponsive textarea, .formResponsive select {
width: 100% !important;
}

through the `CSS and Javascript` tab of your forms configuration, for example:

<style type="text/css">
.formResponsive input[type="text"], .formResponsive input[type="password"], .formResponsive textarea, .formResponsive select {
width: 85% !important;
}
</style>
Please note: my help is not official customer support. To receive your support, submit a ticket by clicking here
Regards,
RSJoomla! Development Team
The administrator has disabled public write access.
  • 1

Read this first!

We do not monitor these forums. The forum is provided to exchange information and experience with other users ONLY. Forum responses are not guaranteed.

However, please submit a ticket if you have an active subscription and wish to receive support. Our ticketing system is the only way of getting in touch with RSJoomla! and receiving the official RSJoomla! Customer Support.

For more information, the Support Policy is located here.

Thank you!