MH magazine: post / page width

taharruri · Member · Jan 15, 2015 at 8:18 pm
Copy link

Add topic to favorites
Hello,

I am using the MH magazine theme and would like to know whether it is possible to change the width of posts, static pages, and archive pages on my site (basically, everything but the front page).

I feel it would be better for reading if the left-side margin wasn’t so big and text went further across.

Any help would be much appreciated!

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Jan 16, 2015 at 3:50 pm
Copy link
Hi there, add the following at the end of your custom CSS to widen the content on archive/category, single posts and pages.
```
.archive .sb-right, .single .sb-right, .page .sb-right {
    display: none;
}
.archive .content, .single .content, .page .content {
    width: 100%;
}
```
taharruri · Member · Jan 16, 2015 at 9:16 pm
Copy link
Hello, thanks for your response.

While the above code does work, it also messes up my home page. Is there a way to exempt my home page from this code?
thesacredpath · Member · Jan 17, 2015 at 12:17 am
Copy link
Hmmm, they included “page” as a CSS body class on the home page, and that messed things up. Instead of the above, add the following which has two additional rules to keep the home page as it was.
```
.archive .sb-right, .single .sb-right, .page .sb-right {
    display: none;
}
.archive .content, .single .content, .page .content {
    width: 100%;
}
.home .sb-right {
	display: block;
}
.home .content {
	width: 620px;
}
```
taharruri · Member · Jan 17, 2015 at 7:53 pm
Copy link
It worked! Thanks :)

I was also trying to make the featured image on the posts wider so it does not look odd but I can’t seem to figure out the CSS for it using firebug.
thesacredpath · Member · Jan 17, 2015 at 8:43 pm
Copy link
The thumbnail size there is set by the theme files, but you can use the following CSS to enlarge them a little. Keep in mind we are asking the browser to enlarge the image and they aren’t that good at doing that, so you will have to play with things to see how large you are comfortable with. Original image width is 70px. Edit as desired.
```
.cp-thumb img {
    width: 70px;
}
```
taharruri · Member · Jan 19, 2015 at 7:50 am
Copy link
Great, thanks! :)
thesacredpath · Member · Jan 22, 2015 at 3:50 pm
Copy link
You are welcome.

No items found.