[Melissa]

I used the layout called Three columns (style 1). I need to change the width of the right sidebar to make it skinnier.I don’t want to use the style 3 because although it has 3 equal columns, the middle column gets too skinny with that style layout.

Please let me know how do I change the width of the right sidebar?

Also, how do I make the adverts that I added into the right sidebar, appear with a white box behind them, it is a Ad King Pro widget that I added to the right sidebar, and it doesn’t show up in a box like the other widgets do.

[Sakin]

@Melissa: Please send me your site URL and let me know what is the width of the right sidebar that you want to make in terms of PX. To check Ad King Pro widget, I need to see your site URL.

[Melissa]

it won’t let me add the url here……what should I do?

[Sakin]

@Melissa: It let’s you add url. For example, I will add in Catch Themes as catchthemes.com . It’s working fine.

[Melissa]

I want the left and right sidebar to be the same width. so I am asking how do I make the width of the right sidebar smaller, how do I change that pixel width value in the css, which line? I want it to look like the left sidebar.
I do not want to change the middle width as column 3 style layout would do.

Also the Ad King adverts is a plugin that lets you ad widgets to the sidebar, when I use your theme and add it as a widget in the sidebar, the white box in the side bar goes away.

[Melissa]

I will type it out here line by line, and you can add periods in between to get the real url and take the spaces out

http://6b7.7f6.myftpupload.com/

[Melissa]

there should be a period between each space.

[Melissa]

the system would not let me put it in any other way

[Sakin]

@Melissa: Ok then add the following css in “Appearance => Theme Options => Custom CSS” box:

@media screen and (min-width: 1101px) {
.three-columns #primary { width: 600px; }
.three-columns #secondary { width: 200px; }
}
@media screen and (min-width: 1153px) {
.three-columns #primary { width: 620px; }
.three-columns #secondary { width: 220px; }
}
@media screen and (min-width: 1281px) {
.three-columns #primary { width: 720px; }
}
@media screen and (min-width: 1345px) {
.three-columns #primary { width: 740px; }
.three-columns #secondary { width: 240px; }
}

[Melissa]

perfect!
Thank you!!!!

[Melissa]

the only thing now that I can’t figure out is on the right sidebar, isn’t appearing on the lower level pages, I have the same settings set on the home page as the lower level pages

Setting:
Default Layout Set in Theme Settings

Select Sidebar:
Default Sidebar

page is same url as before that it won’t let me type in here, the page is
/aboutus/

[Sakin]

@Melissa: I check in your about us page and your sidebar is working fine. Did you refresh you browser and check in. Sometime, there might be cache. But I see issue with your ads in left sidebar, where you have define fixed Width. It’s not good for responsive design. Do you know that Catch Flames Pro theme has it’s own Advertisement Widget from where you can either add Image and link or use ads code. For that go to “Appearance => Widgets”, drag and drop “1. Catch Flames Adspace Widget” to your sidebar and add image or ads code accordingly as per your need.

[Melissa]

yes the left sidebar is there, the widgets for the right sidebar I am talking about is missing.

left side should have ads, and facebook. Right side should have ads and magazine cover, just like the home page…..

Right sidebar is blank…..on all the sub pages.

Thanks for the tip about the adspace widget, I will check that out.
Please do let me know why the right sidebar is blank on subpages.

[Sakin]

@Melissa: It looks like you have added widget in Homepage Sidebar but have empty in Primary Sidebar.

[Melissa]

Gotcha thank you very much for all your help.

Melissa

[Kenny]

HI, i equally want to reduce the size of the right and left sidebars. i tried the code now but it did nit work

[Melissa]

Kenny, I used the 3 column sidebar… (style 1) in the theme’s layout settings screen. Then I added the code Sakin gave me in the CSS tab in the settings and it worked great.

did this help you?

[Kenny]

HI thanks for this response. i dont really understand. i have the right sidebar on my page now but i have done through the css. but couldnt adjust it

[Melissa]

Hi I didn’t do it that way, I set the layout of the sidebars in the theme options. I did not customize it in CSS.

To do what I did,
first go Appearance, then choose Theme options –
then choose Layout Options
Choose style 1 (3 columns).

Then go to CSS tab in theme options and paste in the code that Sakin posted on this thread.

That made the left and right sidebar equal for me. It gave me a bigger middle section than the layout option choice (style 3) which has equal left and right sidebars but the middle column gets really skinny if you use this style choice.

[Kenny]

Thanks Melissa, it appears that our theme is quite different from each other.
i use Catch Kathmandu Pro. so i will appreciate if i can get assistance on this theme.

Also, i will like Sakin to also help out.

Thanks all the same

[Author]

Posts