• Resolved jesseg5

    (@jesseg5)


    Hi all. Ok I have been bugging out for hours trying to position the article on this page http://www.jessegunzel.com/blog/?p=46#more-46

    I just want to lower the article so it doesn’t sit so close to the navigation. I have tried to adjust margins, etc in my style sheet .css file but no luck.

    I am using the default classic theme. Here is my code for the structures:

    body {
    	margin: 0 0 20px 0;
    	padding: 0;
    	}
    
    #page {
    	background-color: #ffffff;
    	margin: 20px auto;
    	padding: 0;
    	width: 760px;
    	border: 1px solid #959596;
    	}
    
    #header {
    	background-color: #ffffff;
    	margin: 0 0 0 1px;
    	padding: 0;
    	height: 225px;
    	width: 758px;
    	}
    
    #headerimg {
    	margin: 0;
    	height: 200px;
    	width: 100%;
    	}
    
    .narrowcolumn {
    	float: left;
    	padding: 25px 40px 20px 45px;
    	margin: 0px 0 0;
    	width: 450px;
    	}
    
    .widecolumn {
    	padding: 10px 0 20px 0;
    	margin: 5px 0 0 150px;
    	width: 450px;
    	}
    
    .post {
    	margin: 0px 0px 40px;
    	text-align: left;
    	}
    
    .post hr {
    	display: block;
    	}
    
    .widecolumn .post {
    	margin: 15px;
    	}
    
    .narrowcolumn .postmetadata {
    	padding-top: 5px;
    	}
    
    .widecolumn .postmetadata {
    	margin: 30px 0;
    	}
    
    .widecolumn .smallattachment {
    	text-align: center;
    	float: left;
    	width: 128px;
    	margin: 5px 5px 5px 0px;
    }
    
    .widecolumn .attachment {
    	text-align: center;
    	margin: 5px 0px;
    }
    
    .postmetadata {
    	clear: left;
    }
    
    .clear {
    	clear: both;
    }
Viewing 2 replies - 1 through 2 (of 2 total)
  • Edit the top margin or add padding to .post. For css depending on the number of values, here are what they each refer to in order:

    • 4 values – top, right, bottom, left
    • 3 values – top, right and left, bottom
    • 2 values – top and bottom, right and left
    • 1 value – all sides
    Thread Starter jesseg5

    (@jesseg5)

    Thanks iridiax. I tried to edit the margins to .post but nothing happened. I then modified .widecolumn margin and it worked. thanks again.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Positioning: article/post on page’ is closed to new replies.