WordPress.org

Support

Support » Plugins and Hacks » [Plugin: Custom Contact Forms] Trying to give fields a horizontal layout

[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.

    http://wordpress.org/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?.

    gstricklind
    Participant

    @gstricklind

    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.

    Neoqueenhoneybee
    Participant

    @neoqueenhoneybee

    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.

    sholdstock
    Member

    @sholdstock

    This is brilliant – thanks…

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

    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.