How Do I Change Sidebar Widths and Fonts?

[ramirezchad]

This is the code I found on for my
sylerightside.css

Is this correct?


@charset "utf-8";

/* CSS Document */





/* ------------------------------------- Content -------------------------------------------------------------- */

.im-mainContent { padding:0px; left:19px; border-right:3px double #e2e2e2; width:777px;}

.im-sidebar { padding:0px 5px 5px 11px; float:right; border-left:3px double #e2e2e2; width:165px; font-size:70%; clear:none; }

.im-sidebar2 { display:none;}





.sidebar ul { width:140px; list-style:none; left:-12px; position:relative; overflow:hidden;}

.sidebar li { margin:0px 0px 10px;}

.sidebar li li { position:relative; list-style:circle; margin:0px 0px 0px 30px;}



..... I'm a little confused because I don't see anything that
says 150 pixels?

I'm trying to change the width of my sidebar from 150 to
165 but it says 165 already?

Any Help

Chad

[lynnth]

The 165 is the total width. The usable width is less due to the padding.

[Mojo]

Hey guys, I am trying to change the padding on the styleBothSides.css. Where do I change the code to reflect a smaller padding around the right side column specifically? Thanks.

[Dan Nickerson]

You can edit the file in the css folder via FTP or a web based file manager.

I'd have to know which padding exactly but you can play with the imsidebar2 ul width to your liking.

[Mojo]

Hey Dan,
it's the padding on the left (also left sidebar) that I want to decrease. Can you tell me where specifically to adjust that?

My website: www.mobilewebhq.com

I'd like to adjust the left sidebar so the Manta button is centered.

thanks,
MJ

[Forum Admin]

Hi MJ,

I see you're running an older version of Socrates. Have you considered upgrading to Socrates 3.03? take a look at our beta site at socratestheme.com/janbeta

[Mojo]

The 3.03 beta site looks great... can I keep my old version as a backup in case the new one doesn't work out for me? (I like the current layout with the two sidebars).

I tried installing the new version but got an error that the install failed because the socrates folder already exists (of course).

[lynnth]

You need to follow the upgrade procedure specified on the download page.

[godfly]

If you want both sidebars to be of equal width, instead of messing around with the actual CSS, just overide it by doing this. Go to your Socrates > Styling > and scroll down to the text box where it says "Any Additional CSS" and copy paste the following code

.im-sidebar {

	width: 150px;
}
.im-sidebar2 {
	width: 180px;
}
.im-mainContent {
	width: 573px;
}
.im-sidebar	 ul {
	width: 150px;
}

.im-sidebar2 ul {
	width: 140px;
}

[six-figure-income]

If you want both sidebars to be of equal width, instead of messing around with the actual CSS, just overide it by doing this. Go to your Socrates > Styling > and scroll down to the text box where it says "Any Additional CSS" and copy paste the following code

.im-sidebar {

	width: 150px;
}
.im-sidebar2 {
	width: 180px;
}
.im-mainContent {
	width: 573px;
}
.im-sidebar	 ul {
	width: 150px;
}

.im-sidebar2 ul {
	width: 140px;
}

I tried this but I did not see a change. Currently it is preset to use the 300px side bar but I wanted to change it to 200. I entered in the Custom CSS box:
.im-sidebar { width: 200px;}
.im-sidebar2 { width: 200px;}
.im-mainContent { width: 573px;}
.im-sidebar ul { width: 200px;}
.im-sidebar2 ul { width: 200px;}
No change though??

http://appsolutesuccessapps.com/app-features-2/

Thanks
Lisa