Looks like you need to take the sidebar out of the contentArea and set a width on that contentArea div.
I was hoping I wasn’t going to have to do that. When I add the sidebar call before the content area, it actually shows up above the content and when I add it just before the footer it shows up below, even when I create a width for the contentArea.
Looks like you got it to work?
Kind of, I am still having trouble getting the sidebar to look like it does on the category pages….
Ah yes, I see what you mean – you could try changing it back and putting the content (other than the sidebar) in another div and set that to 80%.
Thank you so much for your help! I did already create a new div set at 80% and that seems to work fine, but I can not figure out why the sidebar sits right on the edge of the page and the text sits to the right of the center…
This is aligning the text to the right:
#mainSidebar li li {
font-size: 0.9em;
list-style: none outside none;
margin: 0;
padding: 9px 0;
text-align: center;
}
Add a margin-right to the below to move it away from the edge:
#sidebar {
background-color: rgba(29, 29, 29, 0.5);
border: 1px solid rgba(221, 221, 221, 0.5);
border-radius: 3px 3px 3px 3px;
float: right;
font-size: 1em;
height: 100%;
margin-right: 20px;
width: 15%;
}
Doing the above will also necessitate making the 80% a bit less so that it fits in the space less:
#contentAreasidebar {
float: left;
font-size: 13px;
margin: 0;
min-height: 250px;
padding: 0 20px 37px;
text-align: justify;
width: 78%;
}
.. oh man, so I tried that and it didn’t quite work. Also, it has somehow affected the list on the category page too. It now looks a little off, especailly the title. I’m going a little nuts here, thanks for your help!
