Hello
I'm new in forum and using RS Form Pro.
I've created a form; but the space between the fields is to high.
Where can I modify the space?
Manc thanks for support.
Bob

hello, I need some support to solve my "problem".
Many thanks for help.
Bob

RSForm!Pro includes a specialized area in which you can add CSS code in order to customize your form's look, the 'CSS and Javascript' tab found in Components >> RSForm!Pro >> Manage Forms >> edit your form >> Properties. You will need to adjust your form's CSS in order to distance the fields from one-another. More information on this tab can be found here:

www.rsjoomla.com/support/documentation/v...yle-adjustments.html

In the provided article you will also find a link to the Custom Style Form example on our demo website, which provides a good starting point in understanding how to apply custom CSS to an RSForm!Pro form.

It would be best if you could provide me with a link to the form in question so that I can have a better look and point you in the right direction.

Hello
many thanks for your reply.

Link to website (in development; protected) www.hundesport-pratteln.ch/net/bilder
user: testhsp4133
pw: userhsp4133

--> As you can see, the title should me as normal Module-Header
--> Space/Distance between fields to be reduced
--> is it possible to have the comments of field in the field itself (as example, to be over-written) instead to the right?

Many thanks for help.
Bob

hello,
i'm not so familiar with CSS so I've choosen the form-layout responsive (css3) also because my joomla-template has the responsive possibility.

Three things that I'm asking you for help:
- I would like to have a little bit more distance between the header of the form and the first field
- Reduce the distance between field (to much scrolling)
- Where can I change the color of the "send"-button? theme design is not working with responsive layout and the standard-button-color is blue ... but my complete design color is #7ca218.


Your help is very appreciated, many thanks.
Bob

does anybody else can give input?
many thanks to all tips and help given.

Hello?
Is someone from support taking care about my issues?

You could do this using css. it's not that difficult!

Goto your form and using Chrome i know how to find.
rigth click on the field Vorname and use inspect element.
Chrome opens an extra pane on the bottom ( maybe you have to install an addon)
FF also have these functionalities. search Google for Chrome DevTools
Now you can see that the field Vorname uses a class.
The class named "rsform-input-box"
goto right side of the pane and you will find next elements of the class
display: inline-block;
height: 18px;
padding: 4px;
margin-bottom: -9px;
font-size: 13px;
line-height: 18px;
color: #555555;

In this example i changed the element margin-bottom from +9px to -9px using the inspect element.
You can also turn on/off such an element in the inspect element pane to see the behaviour directly in your page. When you find the right element then youre able to use that element to overrule in css section in your form.

Now goto CSS section of your form to overrule the class "rsform-input-box"
add
<style type="text/css">
.formResponsive input[type="text"] .formResponsive .formBody .rsform-input-box {margin-bottom -9px;}
</style>

i'm not sure to use ".formResponsive input[type="text"]" so play whith this to use or not to use this
But above is telling you that you want to overrule the rsform-input-box only in combination with formResponsive and formBody, if you use other predefind styles it should not work anymore.

The begin and endtag style use this once in the complete CSS section.
using this method you don't change the default style coming with installation or upgrade of Forms, you just overrule the style.

When this not works first time play around with it. learn a bit css coding.
You can also add this same to your custom.css coming with template u use.
But then you have turn on/off apache server every time you change something in custom.css

Adding styles in your CSS section of your form wil only load when the form is loaded.
Adding styles in custom.css wil load before your site is loading.

The title also uses element which you can overrule.
Probably its the element padding which have four parameters left, top, right ,bottom. Overrule that in css section of the form. Same way as explained.