[b_rejev]

I want to make the width of my blog posts as large as possible, currently I have a codebox on my page, and I dont like having to scroll. I have added some custom css code,

.post .entry-content {
max-width: 690px; margin-left: auto; margin-right: auto;
}

but this code only works up to 690px, once I change max-width to a greater value, the post content area remains at 690 pixels. How can I maximize the width of the blog post, with very small margins and large content area?

http://brendanrejevich.me/index.php/2016/10/24/hello-world/

Thanks

[b_rejev]

also I am using sytnaxhighlighter evolved widget for my codebox.
( see https://wordpress.org/plugins/syntaxhighlighter/ )

It seems to work well with shortcodes in blog posts, but does not work with shortcodes in empathy portfolio. I also attemped to place the hosted css and js into my portfilo as such

…link href=”http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css” rel=”stylesheet” type=”text/css”…
…script src=”http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js” type=”text/javascript”>…
…script src=”http://alexgorbatchev.com/pub/sh/current/scripts/shAutoloader.js” type=”text/javascript”….

however I couldn’t get it to work either. Given that the margins are larger in the portfolio posts, is there a way that I could get a codebox from syntaxhighlighter into my portfilo posts?

thank you !

[serkan]

Hi,
You can use this custom css code;

.post .entry-content { max-width: none; }

We can’t provide support for third party plugins, you may contact to plugin author or try to find an alternative plugin instead of it.
Thanks

[b_rejev]

Thank you!

Now it seems to work, however when I click on the post category ‘code’ highted in green at this url from the blog post (http://brendanrejevich.me/index.php/2016/10/24/hello-world/) it displays the old width. Is there another way have the new width on all blog posts and category pages and anywhere the blog post content is viewable?

[serkan]

Hi,
You can use this custom css code;

.layout-fixed { max-width: 1060px; }

Thanks