[dracovich]

The blog post wrapper is quite narrow on a full size desktop screen, is there any option to widen it a bit so it looks less narrow?

[serkan]

Hi dracovich,

You can check out this related url if you like to have full width blog post.
http://www.pixelwars.org/forums/topic/impossible-to-have-blog-articles-using-the-full-width/

If you just want to make the content the same size as the featured image on the desktop, you can use the following code;

@media screen and (min-width: 992px) {
.blog-single .entry-content { max-width: 700px; } }

Thanks

[dracovich]

Hey, shouldn¨t it be enough to add them under “Custom CSS” in the customization window? I’ve done the

.blog .layout-fixed { max-width: none; width: 100%; }
.post .entry-content { max-width: none; }

from the full width post you mentioned, but it doesn’t seem to overwrite the main.css settings (when i use the inspect function from chrome i can see it’s still max-width 700px and width: 90%).

Do i need to edit the main.css directly in order to fix this?

[serkan]

Hi,
You can check out this related topic;
And also, copy and paste the code at the top of the field. If you have made a code error on the top side, the following codes will not work. I would advise you to put it at the top.
http://www.pixelwars.org/forums/topic/how-to-use-custom-css-for-wordpress-themes/

[dracovich]

Yup that¨’s exactly what i’ve done but it’s not helping it seems.

Here’s my page:

http://www.karigunnarsson.com/best-and-worst-mid-matchups-in-post-7-00-dota/

And here’s screenshot of the CSS code that is input, as well as the actual CSS that is output by the page (on the bottom right):

http://i.imgur.com/l9xmM77.png

[serkan]

Hi,
Could you try to use this custom css code, please?

.blog-single .layout-fixed { max-width: none; }

Thanks

[dracovich]

That made the header “Best and worst mid heroes in post 7.00 dota” fill the screen, but the actual post itself is still the same.

[serkan]

Hi,
I tested the code and it is working very well. Are you sure that you are copying and pasting the code to right place?

[dracovich]

Well you tell me :) the screenshot above (http://imgur.com/l9xmM77) shows exactly what code i’ve input and where, as far as i can tell it’s at the right place according to the article that was linked.

[serkan]

Hi,
Please use the latest custom css code I gave you.
Thanks

[dracovich]

Ah ok it works if i combine the both together, standalone neither works. If i only use

.blog-single .layout-fixed { max-width: none; }

then only the title of the blogpost is full width, but if i use:

.blog .layout-fixed { max-width: none; width: 100%; }
.post .entry-content { max-width: none; }
.blog-single .layout-fixed { max-width: none; }

It¨’s full width

[serkan]

Hi, Right now, is there any problem that bothers you?

[dracovich]

Well i have a seperate issue that images that i add are HUGE for some reason, it’s only a 500×200 pixel image, but it fills the entire screen (unless i left or right align the picture, then it looks normal).

Should i create a new topic for that?

[serkan]

Hi,
Please create a new topic for this issue.
Thanks