WordPress.org

Support

Support » Themes and Templates » [Resolved] twentyten – page template spacing css for contact form

[Resolved] twentyten – page template spacing css for contact form

  • hello.

    i have made a page template for my contact page which has a left column (for basic contact details – coded into the php file) and a right column which is where the page content is loaded (the contact form). I’ve CSSed it but I can’t get the contact form to line up horizontally with the contact details. it’s also not floating fully to the left. editing my main style sheet doesn’t seem to make much difference.

    i have this in my stylesheet

    #contactdetails, #contactform {
        float: left;
    	width: 288px;
    	height: 400px
    	margin-right: 11px;
    }
    #contactform {
       float: right;
       width: 288px;
    }
    .clear {
       height: 0;
       font-size: 1px;
       margin: 0;
       padding: 0;
       line-height: 0;
       clear: both;
    }

    i’m using clean-contact plugin for the contact form which has it’s own stylesheet, that also doesn’t seem to be obeying me.

    the contact page is: http://oliverwieland.com/sultan-carpets-flooring/contact/

    any ideas?

Viewing 3 replies - 1 through 3 (of 3 total)
  • i meant the contact form is not fully floating to the right

    Moderator Michael

    @alchymyth

    Forum Moderator

    in style.css, it is caused by the right margin in:

    #content {
    	padding: 11px 0 0 0px;
    	margin: 0 300px 36px 0;
    
    }

    remedy – add this somewhere to style.css:

    .page-template-contactpage-php #content { margin-right: 200px; }

    wow thanks again alchymyth!

    cleaned up my code a bit too.

    #contactdetails {
        float: left;
    	width: 420px;
    	margin-right: 10px;
    }
    #contactform {
       float: left;
       width: 420px;
    }
    .clear {
       height: 0;
       font-size: 1px;
       margin: 0;
       padding: 0;
       line-height: 0;
       clear: both;
    }

    still playing with the layout.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘[Resolved] twentyten – page template spacing css for contact form’ is closed to new replies.