March 24, 2013 at 7:12 pm #31011
I want to be able to include my affiliates links in my side bar, but in order to do that I need to increase the size of the template.
I need the side column to be 320. What areas do I need to change to accomplish this?March 24, 2013 at 7:27 pm #31013
SusanModeratorPost count: 9406March 24, 2013 at 8:39 pm #31038
Thank you! That should help a lot (and not just with this question!).March 24, 2013 at 8:40 pm #31040
SusanModeratorPost count: 9406March 26, 2013 at 3:57 pm #31422
Here is the link to my site.
From the picture, I broke things down.
#inner is 920 (with a 20 padding on each side to equal 960)
I am only using one sidebar.
#content-sidebar-wrap = 750
#sidebar-alt = 150
750 + 150 = 900 + (3x) 20 padding. = 960
#content = 480#sidebar = 250
480 + 250 = 730 + a 20 padding between the 2 = 750
I changed #content-sidebar-wrap from 750 to 650
I changed #sidebar-alt from 15o to 250
I changed #content from 480 to 380
I changed #sidebar from 250 to 350.
It widened the sidebar however, it did decrease the content and now the sidebar is pushed down under the content on the right side.
I know I’m missing something obvious. What did I miss?
(Thank you again for the image. It did help a lot).March 26, 2013 at 6:03 pm #31431
bandjParticipantPost count: 188
when you have content and 1 sidebar, that sidebar will be #sidebar not alt sidebar. So your content + sidebar have to equal 920px total (and that includes the space between them). So if you want the sidebar 350px then your content should be 550px which will give you the 20px gutter between content and sidebar. Just make them both add up to 900px.
March 26, 2013 at 8:37 pm #31444
I went back to the original CSS and this time only changed #content and #sidebar. Above is what I changed them to. I am still having the same issue with it moving the sidebar to the bottom below content.
I also tried the above and changed the #content-sidebar-wrap to 900 to see if that would change the issue, and it did not.
You must be logged in to reply to this topic.