• 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: Form Styling Help Needed

Form Styling Help Needed 10 years 3 months ago #30011

I have a client who wants to imitate his existing form that was built in a home rolled cms. It's here total-shredding.com. My development site can be found here megahomepage.com/total-shredding

This is a modded JSN Epic template

My questions are:

How would I go about making the form field height and padding between the fields smaller?

I'm using the green template.

Any help is appreciated
Cheers
The administrator has disabled public write access.

Form Styling Help Needed 10 years 3 months ago #30019

  • cosmin.cristea
  • cosmin.cristea's Avatar
  • OFFLINE
  • Platinum Boarder
  • Posts: 756
  • Thank you received: 144
Removing the margin for the form from that particular page can be done by adding the following declaration in the CSS/Javascript section of RSForm!Pro
<style>
select, 
textarea, 
input[type="text"], 
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"], 
.uneditable-input { 
  margin-bottom: 0px !important; 
};
</style>

More information on how to perform layout and style adjustments can be found here:
http://www.rsjoomla.com/support/documentation/view-article/600-how-to-perform-layout-and-style-adjustments.html
My help is not official customer support. To receive your support, submit a ticket by clicking here
Last Edit: 10 years 3 months ago by cosmin.cristea.
The administrator has disabled public write access.
The following user(s) said Thank You: steven.a.havill

Form Styling Help Needed 10 years 3 months ago #30027

That definately fixed the bottom padding. Is there a way to change the height of the input fields from the custom css box as well? I'd also like to change the background color of the form body as well. I added:
body {
background-color: orange;
}

but there was no change.

Thanks again
Last Edit: 10 years 3 months ago by steven.a.havill.
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!