Change Post Width

Hey there kelchashock,

Where do you want to do this? On your blog page or single post pages?

Either way would you mind posting link to the page where I can see this and I’ll try to help you with some custom CSS ??

Cheers,
Bojan

I would love to direct you to the blog post but the site is actually locked up behind Google Authentication.

The theme used is the WP knowledgebase theme. Heres an example post

https://ipanelthemes.com/kb/wp-knowledge-base-theme/kb-overview/wp-knowledge-base-theme/

The CSS is standard.

Hey again kelchashock,

I understand which theme you’re using and I checked it before I responded here. Just wasn’t exactly sure what you’re trying to do there so I was hoping you can post link to your site where I can see it.

This is how it looks for me on my sandbox site https://screencast.com/t/cHhif4qclFm and I’m not sure how much more you can expand it unless you remove the sidebar. Can you at least post screenshot of your post and let me know where you want to expand it?

Best regards,
Bojan

Hi Bojan

Heres a screenshot of a typical page.

https://www.dropbox.com/s/1bt197ytm82fba7/Screen%20Shot%202015-07-27%20at%2016.03.51.png?dl=0

I have removed the sidebar widgets. Ideally I would like the post width to be the same as the navigation bar ( red arrow).
There are also embedded files which is at 100% width of the post. Hopefully If I can find a way to make the width wider, the embedded files will follow suite.

Hey again kelchashock,

Thanks for the screenshot and clarification, reason that happens is because even though you don’t have any widgets in the sidebar the space sidebar occupies is still there.

We should be able to remove it from single post pages and increase post content width to occupy its space with some custom CSS.

Please try adding the following CSS code in the style.css file of your child theme or add it in your site using the following plugin:

https://www.ads-software.com/plugins/simple-custom-css

.single-post div#secondary {
    display: none;
}

.single-post div#primary {
    width: 100%;
}

Hope this helps ??

Cheers,
Bojan

Yes thats done it. Thank you very much for your help.

Would have taken me a while to find and edit the current CSS.

Hey again kelchashock,

Glad I could help ??

Also there is no need to edit code in your themes style.css file or in fact edit any theme core files since all changes will be lost once you update the theme.

If you don’t want to use/create child theme as suggested above you can install the plugin I mentioned (https://www.ads-software.com/plugins/simple-custom-css) and simply paste that code in your admin to Appearance -> Custom CSS.

By doing that you’ll get the same effect, you’ll have all your CSS modifications in one place and your changes will be safe when you update your theme.

Best regards,
Bojan