[SOLVED] Change the width of the side bar on certain pages

shunnar · #1 Nov 6, 2012, 05:13 AM

Hello,
I would like to know if it is possible to change the width (300px)of the right side bar, on all of the other pages. And have a different width (250px) for the landing page (home)??

Thanks allot!!

Regards,

juggledad · #2 Nov 6, 2012, 05:55 AM

you can use the following in the 'CSS Inserts' option

HTML Code:

body.home .colthree {width: 100px;}

this assumes that you are using the left AND right sidebars.

shunnar · #3 Nov 6, 2012, 08:29 AM

Hey JuggleDad,
thanks for the quick response, but I am using both side bars on the home page only. Thats why I would like to make the right side bar bigger on other pages.
I tried: body.home .colthree {width: 100px;} but it did nothing?

juggledad · #4 Nov 6, 2012, 10:49 AM

what is the url?
which side bar doesn't show on the other pages?
which sidebar needs to be bigger on the other pages?
is the blog page your landing page, if not you need to examine the page source and see what the unique class is on the <body...> statement and use that in place of the '.home'

shunnar · #5 Nov 6, 2012, 11:01 AM

-www.motorzone.me
-The left sidebar does not show on other pages.
-The Right sidebar needs to be bigger on all of the other pages
-My landing page is a custom page.

Thanks :D

juggledad · #6 Nov 6, 2012, 12:18 PM

so did you look at the source of the home page? what is in the <body....> statement?

shunnar · #7 Nov 7, 2012, 12:51 AM

Code:

class="page page-id-1695 page-child parent-pageid-1693 page-template-default">
<body class="home page page-id-263 page-template-default">

I tried using "body.pageid-263 .colthree {width: 250px;}"
didn't work?

juggledad · #8 Nov 7, 2012, 04:35 AM

That is incorrect, you are missing a dash

shunnar · #9 Nov 7, 2012, 09:14 AM

Thanks Juggledad, Yea I got it to work! don't know how i missed that