Pixel width for Left Sidebar

Hello, my left sidebar will contain only banners. Each bannner has the follow size: 160x600. But on Template settings I can only set the size of the left sidebar in % rather than pixels. I would width=160px for the Left Sidebar.
On Layouts tab there is "Custom left sidebar width", but it seems it works with % too.

Furthermore I noticed that if I reduce the size in % of the Left Sidebar (so I can be close to width=160) then the banner go out of the Left Sidebar. I think there is a padding-left: 32px. I need the banner inside the left sidebar and centered. As you can see I have been able to do that for the gkUpdates, but I am unable for the banners.
I used:
.box {
text-align: center;
padding-left: 0px;
margin-left: 2px;
margin-right: 2px;
}
so the banner go inside the Left Sidebar but it is never centered and the finance module at the end of the page go down entertrainment, so ti became a mess.
Can you tell me if I can set a px width for the left sidebar? How to center and put banner inside the left sidebar?

My website is www.casino-online.bz
username: gavick
password: gavick
everybody can know such passwords cause they are set only to hide the website to google, so any forum user can access to my website.
Override is enabled.

Hi

Please tell me the exact links to examples of this pages with explanation which page is for which issue.

It is on ALL the pages.
The left sidebar contains vertical banners that are visible on any page. If you look any page, the vertical banners on the left go out of the left column/sidebar.

Hi

Och. You are right, I've misunderstood. Unfortunately it's worst, because I do not see a way to make it a fixed width now ;/ I have a different advice. Please set the percentage value as close to show this banners in full (16% looks ok I think) and than add this code to override.css and make sure override is enabled in template settings:

Code: Select all

.banner-center img {
max-width: 100%;
}


A little disappointed cause all the banners have width=160 px, so a pixel width for the leftsidebar would have been perfect.
I set 16% leftsidebar and added the code you suggested me, but if you look at any 160x600 banner there is a lot of empty space on top, on right and on the left. My target is removing that empty space and keep the original size of the banner.
Can we decrease the leftsidebar width and horizontal center the banner? So I can resize the column to 12% or 13% (If I set 12% the banner get little)?
Or another solution to cut that blank empty space and keep the banner 160x600?

Hi

Try add this to css:

Code: Select all

#gkSidebarLeft . box {
padding: 0;
}


It worked thank you.
For users that will have my same problem:
The right code is:
#gkSidebarLeft .box {
padding: 0;
}

I have been able to resize the left column to 161px too. Just resize the gkUpdates to 161px by:
#gkUpdates {
max-width: 161px;
}
on override.css
then play with the template layouts settings % for left sidebar until the two columns are aligned.

Hi

Ok, thank You for this information, but keep the code I gave You previously about banner widths, this will help if column gets resize below 161px in some devices.