WordPress.org

Ready to get started?Download WordPress

Forums

Styling noob question (8 posts)

  1. ojejones2000
    Member
    Posted 1 year ago #

    Hi I am new to CSS but getting along ok. I am just trying to work out how to style my contact form widget http://relationshipadvicepro.com/

    I am trying to make the 3 boxes next to email, first name, last name aligned on top of each other. Any advice would be much appreciated.

    css file is
    [Moderated, please use PasteBin for large excerpts of code]

  2. stylishjm
    Member
    Posted 1 year ago #

    I would float:right the input elements then clear:both the mc_merge_var divs.

    So in CSS look for:

    .mc_merge_var {
    padding: 0;
    margin: 0;
    }

    and change to

    .mc_merge_var {
    padding: 0;
    margin: 0;
    clear:both;
    }

    then look for

    #mc_signup_form .mc_input {
    }

    and change to

    #mc_signup_form .mc_input {
    float: right;
    }
  3. stylishjm
    Member
    Posted 1 year ago #

    If you want spacing between the boxes, you could add padding to the .mc_merge_var div, for example:

    .mc_merge_var {
    padding-bottom: 10px;
    margin: 0;
    clear:both;
    }
  4. ojejones2000
    Member
    Posted 1 year ago #

    Hi guys I cant find .mc_merge anywhere in the css? Am i doing something wrong?

  5. Andrew
    Forum Moderator
    Posted 1 year ago #

    You shouldn't be modifying the theme's files. Make your modifications through either a Child Theme stylesheet or Custom CSS Manager plugin.

  6. stylishjm
    Member
    Posted 1 year ago #

    I would open up your styles.css file (http://relationshipadvicepro.com/wp-content/themes/convergence/style.css) and add these at the very bottom

    .mc_merge_var {
    padding-bottom: 10px;
    margin: 0;
    clear:both;
    }
    #mc_signup_form .mc_input {
    float: right;
    }
  7. ojejones2000
    Member
    Posted 1 year ago #

    Ah ha done it! Thanks guys just need to move the subscribe button right now ;-)

  8. ojejones2000
    Member
    Posted 1 year ago #

    Hi guys. Thanks for the help. The submit button now needs to go to the right too. Please can you tell me how to do this?

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags