Hello. I am using this terrific theme on a live site (http://classicvinyl.biz) and would like to know how to most effectively reduce the width of the left sidebar in order to make a little more room for the content on the right. Thank you.

Comments

Anonymous’s picture

Anonymous (not verified) commented
Assigned: Unassigned »
Status: Active » Needs review

To change the width you will have to edit the style.css file in the theme. Only few rules are to be changed. For example if you want to reduce the sidebar width of 40px, you will have to change the followings :

line 105 : move the sidebar background to the left

body {
background:transparent url(bg.gif) repeat-y -40px 0;
}

line 111 : move the header to the left

#header {
margin:0 80px 10px 290px;
}

line 121 : move the sidebar and content to the left

#main {
padding:0 80px 0 290px;
}

line 138 : move the footer to the left

#footer {
margin:0 30px 0 185px;
}

bwv’s picture

bwv commented

Thank you, these instructions are very helpful. Regards

Anonymous’s picture

Anonymous (not verified) commented

no problem, I'll leave the ticket open in case you have further questions.

bwv’s picture

bwv commented

Your instructions worked like a charm, thank you.

One more question, please: is this the appropriate place to ask for instructions about modification of the appearance of the tabs?

Regards

Anonymous’s picture

Anonymous (not verified) commented
Status: Needs review » Fixed

If it's not about the same issue, please create a new issue, so other people can find it if they have the same problem
thanks

Anonymous’s picture

Anonymous (not verified) commented
Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for two weeks with no activity.

juroon’s picture

juroon commented
Priority: Normal » Minor

Perhaps it's obvious, but just for the record, this worked great for me too in version 6.x-1.0 , but I had to change the style.css file in .../files/color

This might be because of the newer version, but I'd sooner guess it's because I'm using the custom color scheme option.

kazar’s picture

kazar commented

The need to adjust the stylesheet inside files/color was NOT obvious to me, thank you very much.

I have reduced the width on my page by 100 pixels following these instructions. But I wonder if the following chunk of css may need to be revised also?

 #sidebar-left {
	text-align:right;
	width:291px;
	right:330px;
	margin-left: -100%;
}

Should I change width to 191 px and right to 230 px?

thanks,

kazar