Blog width PhotoStory

Dear PM,

you can hide the whole right sidebar in “Appearance > Theme Options > General Settings > Display Sidebar”. Or, if you only would like to reduce its width, please insert the following CSS code into “Appearance > Theme Options > Other Settings > Custom CSS”:

body #content {width: 570px;}
body #sidebar {width: 165px;}

You can change both values of width according to your needs, but keep in mind that their sum should be always 735 pixels.

Best regards
Tomas Toman

Thanks. Works great! How do I make the left side smaller as well?

I imagine it is similar to body “#content {width: 570px;},
body #sidebar {width: 165px;}”.

But what word would I use for the left side.

Thanks!

Pat

Dear Pat,

for reducing the left menu box, please use the following CSS:

body .menu-box {width: 175px;}
body .menu-box ul a, body .menu-box ul a:visited {width: 165px;}

Then, you also can modify the width of the whole page container to reduce the gap between the menu box and the main content area:

body #container {width: 1070px;}

Best regards
Tomas Toman

Awesome! Thanks Tom!

Pat

I am glad that I could help you!

Best regards
Tomas Toman