WordPress.org

Ready to get started?Download WordPress

Forums

Custom Contact Forms
Trying to give fields a horizontal layout (7 posts)

  1. MrFlesh
    Member
    Posted 2 years ago #

    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/

  2. kasuncs
    Member
    Posted 2 years ago #

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

  3. gstricklind
    Member
    Posted 2 years ago #

    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.

  4. UnniKris
    Member
    Posted 2 years ago #

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

  5. Neoqueenhoneybee
    Member
    Posted 1 year ago #

    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.

  6. sholdstock
    Member
    Posted 1 year ago #

    This is brilliant - thanks...

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

  7. Franko06
    Member
    Posted 1 year ago #

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

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic