hi all,

I'm trying to change the size of the right hand side bar in box grey but when i edit this snippet of the CSS it only affects the left column.

td.sidebar {
vertical-align: top;
padding: 0;
width: 200px;
font-size: 0.8em;
}

Any advice on how to adjust the width of the right side bar?

Thanks
Ken

Comments

rewted’s picture

The URL below has all the answers you could ever want....

http://www.w3schools.com/css/default.asp

David Stosik’s picture

(forget this post, I made a mistake...)

David Stosik’s picture

Tytest, you're not very kind...
I read the question, tried to answer his question, visited w3schools, but I still can't answer this question, and it seems strange to me that the 2 sidebars are not the same size...
The two sidebars are <td class="sidebar" , so normally, the style td.sidebar applies to them.
Kenwen, I'm sorry I can't resolve your problem...

sunilpichamuthu’s picture

Hi Ken

In the template file for Box Grey you could determine the right hand sidebar region is indicated by

Open up your CSS file.

Make a copy of your td.sidebar attributes. Call that td. sidebar_right.

Change width: 200px. Replace 200 with what size you desire it to be in pixels.

And hey Presto!

Hope this helps.

Cheers,
Sunil
http://sunilpichamuthu.blogspot.com