[Plugin: Custom Contact Forms] Trying to give fields a horizontal layout

  • By default the form layout is vertical. I’d like the fields to line up next to each other across the width of the site. I’m only using one form on the site so I can change the styling in the style sheet, but I can’t seem to find the line that is locking everything vertically. Please help, and be specific. I found another post asking the same thing but didn’t understand what the solution was.

    https://www.ads-software.com/extend/plugins/custom-contact-forms/

Viewing 6 replies - 1 through 6 (of 6 total)

  • Yes I have the same problem to make widget menu horizontal as a banner.Cna anybody help?.

    You’ll have to edit the CSS for the plugin. If I remember correctly I changed three different things in the CSS file. Try inline-block and then give the width 50% or less. I can’t get specifics right now, sorry.

    Hi gstriclind, can u please post the changes you made in your css file.
    I also want a horizontal layout for my forms.

    I changed the following in the CCF’s CSS. 

    form.customcontactform div label, form.customcontactform-sidebar div label {
display:inline-block;
width:50%;
text-align: right;
}

form.customcontactform div label.checkbox, form.customcontactform-sidebar div label.checkbox {
display:inline;
text-align: right;
}

    In order for this to work, you have to use the ‘Default’ style in the ‘Manage Forms’ section.

    This is brilliant – thanks…

    Anyone know an easy way of displaying the boxes in two columns?

    Franko06

    (@franko06)

    Thanks this works fine and how to align the title of the form, the captcha and submit/ reset buttons?

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘[Plugin: Custom Contact Forms] Trying to give fields a horizontal layout’ is closed to new replies.