Less margin in columns

  • Resolved Yoinkzz

    (@yoinkzz)


    8 years, 9 months ago

    Hi again,

    Thanks for responding so quikly on my other posts! All your answers have worked like a charm so far. Sorry for keepoing posting, I just want to make sure it works 100% for my site before I will end up bying it.

    Is it possible to make the margin in the columens smaller?
    Take a look here: http://www.dmcl.dk/testcalc/
    If you as an example look in the last column “Leje pris” you can see that there are a large gab between my calc field and the text “Alle priser er inkl. 25% dansk moms.” Is it possible to make that smaller?
    The text is a part of the “Instructions for User” in that field.
    Is is even possible to make the normal margin smaller so I can have the fields even closer to each other as well?

    Also how can i prevent that the form splits up in two parts as you can see under “Ekstraudstyr”? I don’t want that white gab in the middle since all the items people are able to pick are under the same section (if you understand what I mean).

    Thank you so much!

    https://wordpress.org/plugins/calculated-fields-form/

Viewing 1 replies (of 1 total)
  • Plugin Author codepeople

    (@codepeople)

    8 years, 9 months ago

    Hi,

    First, the space in the last column of first row is not a margin, you have selected the field size as “Small”, so the input box is not extended to the field width. There are two solutions:

    – Select the “Antal Dage” field in the form, and set the field size to large.

    – Now, you are using the class name column3 in the three fields of same row, the class named column3 assigns to each field a width of 33% of the form. If you want to use a custom widths, you should create your own classes, in any of the CSS files of your website, and assign the new classes to the fields.

    Abou the “Ekstraudstyr” text. You are using to display this text a “Section Break” field, the “Section Break” fields display a dotted line over the field, you can use a different type of field (an instruction field for example), or edit the styles applied to the “Section Break” fields. If you prefer to edit the styles, paste the following style’s definition in any of CSS files used by your website:

    #fbuilder .section_break {border-top: 0 !important;}

    About the space between the calculated field, and the text: “Alle priser er inkl. 25% dansk moms.”. The space is defined in the CSS file: “http://www.dmcl.dk/wp-content/themes/betheme/css/shortcodes.css”, of the theme active in your website. Specifically in the style definition:

    input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	textarea,
	select { padding: 10px 10px; outline: none; margin: 0; width: 230px; max-width: 100%; display: block; margin-bottom: 20px; font-size: 13px; border-width: 1px; border-style: solid; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0; }

    Pay attention to the rule:

    margin-bottom: 20px;

    Best regards.

Viewing 1 replies (of 1 total)
  • The topic ‘Less margin in columns’ is closed to new replies.