Help: How to change the width of sidebar and content area on Coalition theme? « Support Forum | Kriesi.at

Support Forum » Coalition

Help: How to change the width of sidebar and content area on Coalition theme?

10 posts from 4 voices

Started 3 months ago by gideoncourtney
Latest reply from Ismael
This topic is closed
This topic is resolved

Tags:

gideoncourtney
Member

I would like to change navigation sidebar size to 180 px wide and then have the content area larger.

Still I would like the entire page to be centered in the browser window as it is presently.

Please help.

Thanks.

Posted 3 months ago #
Devin
Moderator
Hi gideoncourtney,

Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
```
.content {
    width: 610px;
}
.sidebar {
    width: 260px;
}
```
Then adjust the two values as needed so that they still equal 870px.

Regards,

Devin
Posted 3 months ago #
gideoncourtney
Member

Wow! Thanks for the help you are a gentlemen and a scholar!

Its looking good, last issue I seem to have is the width of the blog post is still the old width of 610 pixels not the new 690 pixels not sure why?

Posted 3 months ago #
Devin
Moderator

Can you link us to that page? It depends on how you have the blog setup but it should be fixable with some css.

Regards,

Devin

Posted 3 months ago #
gideoncourtney
Member

Link is http://www.flypressfilms.com

Posted 3 months ago #
Ismael
Moderator

Hi gideoncourtney,

I checked your site and it seems to be looking good and the width of the content is 690 and sidebar is 180. If you are still seeing 610, kindly clear the browser cache.

Regards,
Ismael

Posted 3 months ago #
mindas
Member

Hi , I have edited quick css code as described above in order to reduce size of the side bar and match the width of the logo. Current dimensions 680px* 190px. But now all the content in contend page and the slider is narrower. Is it possible to adjust slider to the new size of content section?

Many thanks in advance

Posted 2 months ago #
Ismael
Moderator

Hi mindas,

You should change the width and height of the slider which is defined in functions.php. Kindly open wp-content/themes/coalition/functions.php and find this code:
$avia_config['imgSize']['page'] = array('width'=>610, 'height'=>255); // image for pages and one column portfolio
Replace 610 (width) to 680 and change the height value (you can put any value). Save it and use the Regenerate Thumbnails plugin to regenerate all your images. Hope this helps.

Regards,
Ismael

Posted 2 months ago #
mindas
Member

Great, thank you!

Posted 2 months ago #
Ismael
Moderator

Hi mindas,

Glad we could help. :)

Cheers,
Ismael

Posted 2 months ago #