scanner737
New Member
Let me start off by saying that I'm not a code guy. I just bought a new blog theme for my site www.convertingcopy.com (so you can see what I want) and I want to change the post look from the 2 columns on the main page to just 1, you'll see what I'm talking about at the site.
The designer behind the theme won't get into how to fix it but mentioned that changes need to be made starting at this point in the code which I've pasted below... I changed the widths from 276 to 560 so that when I just have one column it'll be the appropriate width and I changed the images associated with those parts, as well. I was hoping by increasing the width I would also force out the right column altogether so that it would just be one per row but as you can see, it's still two. Here's the code, maybe there's somewhere else in the code that I need to fix, but can anyone set me straight as to what to change or do?:
#content div#posts .post {
margin-right:11px;
background:url(images/post_bg.gif) repeat-y;
width:560px;
float:left;
margin-bottom:11px
}
#content div#posts .post.right {
margin-right:0
}
#content div#posts .post .categorie,#content div#posts.teal .post .categorie {
background:url(images/post_top.png);
height:33px;
width:560px;
color:#fff;
line-height:33px
}
The designer behind the theme won't get into how to fix it but mentioned that changes need to be made starting at this point in the code which I've pasted below... I changed the widths from 276 to 560 so that when I just have one column it'll be the appropriate width and I changed the images associated with those parts, as well. I was hoping by increasing the width I would also force out the right column altogether so that it would just be one per row but as you can see, it's still two. Here's the code, maybe there's somewhere else in the code that I need to fix, but can anyone set me straight as to what to change or do?:
#content div#posts .post {
margin-right:11px;
background:url(images/post_bg.gif) repeat-y;
width:560px;
float:left;
margin-bottom:11px
}
#content div#posts .post.right {
margin-right:0
}
#content div#posts .post .categorie,#content div#posts.teal .post .categorie {
background:url(images/post_top.png);
height:33px;
width:560px;
color:#fff;
line-height:33px
}