How to I customize the content width of my blog

projectremake · Member · Jan 6, 2014 at 4:05 am
Copy link

Add topic to favorites
How do I customize the content width of my blog? I’m using STAY theme, and in this case I’d like every page to have the same content width that’s slightly narrower than what I have now. Thanks!

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Jan 6, 2014 at 5:38 pm
Copy link
Hi, this takes a little bit of doing on Stay. Right now the maximum width of the theme is 1200px. How much narrower do you want your content column?
projectremake · Member · Jan 6, 2014 at 8:01 pm
Copy link
Hi there, Thanks for your reply, I’d prefer the width slightly narrower probably around 900-1000px? If there is a code where i can just play around with the number that’d be awesome :)

Thanks
thesacredpath · Member · Jan 7, 2014 at 4:11 pm
Copy link
Hi, give this a try and see what you think. It basically takes things down to 1000px max width and seems to flow pretty well with the responsive nature of this theme.
```
@media screen and (min-width: 1070px) {
#page {
width: 1000px;
}
.blog #primary, .archive #primary, .three-column #primary, .single-post #primary {
width: 720px;
}
#secondary {
width: 250px;
}
}
```
projectremake · Member · Jan 7, 2014 at 10:56 pm
Copy link
The size works pretty well! But seems like the top menu (below header) is now slightly off centered towards the right, is there any way I can fix that?

Thanks so much again for the help! :):):)
thesacredpath · Member · Jan 8, 2014 at 12:05 am
Copy link
Ah yes, I see that now. Add the following to correct the nav misalignment.
```
.navigation-main {
max-width: 1000px;
}
```
projectremake · Member · Jan 8, 2014 at 2:14 am
Copy link
that worked! Thank you so much!
thesacredpath · Member · Jan 8, 2014 at 5:01 am
Copy link
You are welcome.

No items found.