Support » Fixing WordPress » Styling noob question

  • ojejones2000

    (@ojejones2000)


    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]

Viewing 7 replies - 1 through 7 (of 7 total)
  • stylishjm

    (@stylishjm)

    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;
    }

    stylishjm

    (@stylishjm)

    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;
    }

    ojejones2000

    (@ojejones2000)

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

    Moderator Andrew Nevins

    (@anevins)

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

    stylishjm

    (@stylishjm)

    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;
    }
    ojejones2000

    (@ojejones2000)

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

    ojejones2000

    (@ojejones2000)

    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?

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Styling noob question’ is closed to new replies.