• atzimedia

    (@atzimedia)


    Hi all,

    I have a custom theme that i developed in html5 & css3.
    The post area is in a section>article part and the sidebar in a section>aside.

    When I use the get_post and the_excerpt method in the post article area only the first post title shows up and excepts of the next posts. The sidebar then is in the post area.

    I have tried to float the article area to the left and the aside to the right, with no success :/

    Here is the css code of those two areas:
    NOTE: The #main is the section with that ID

    #main {
    		display: block;
    		width: 96%;
    		max-width: 980px;
    		margin: 1.25em auto;
    		padding: 0em;
    	}
    
    	#main article {
    		display: inline-block;
    		width: 65.3%;
    		background: #fff;
    		vertical-align: top;
    		margin: 0em;
    		padding: 0em;
    		text-align: center;
    	}
    
    	#main article a {
    		font-family: Tahoma, sans-serif;
    		font-weight: 100;
    		font-size: 0.8em;
    		color: #f46523;
    	}
    
    	#main article img {
    		max-width: 560px;
    	}
    
    	#main article h2 {
    		padding: 1em 1.8em 1em 1.8em;
    	}
    
    	.post-meta {
    		display: block;
    		text-align: left;
    		line-height: 1.25em;
    		font-family: Tahoma, sans-serif;
    		font-weight: 100;
    		margin: 0em;
    		padding: 1.25em;
    		text-align: justify;
    		font-size: 0.8em;
    		color: #777;
    	}
    
    	.post-meta a {
    		color: #f46523;
    	}
    
    	/*sidebar*/
    	#main aside {
    		display: inline-block;
    		width: 30.6%;
    		margin-left: 3%;
    		padding: 0em;
    		vertical-align: top;
    	}
    
    	#main aside section {
    		margin-bottom: 1.563em;
    		background: #fff;
    	}
    
    	#main aside section ul {
    		padding: 0em 1.875em 1.25em 2.5em;
    	}

    Thanks in advance

  • The topic ‘Custom theme article and aside’ is closed to new replies.