Try removing this from your child theme’s stylesheet:
#page {
margin: 1.615em auto;
width: 1010px;
}
I took that out and everything looks much more centered.
Hi, thanks for the quick answer! That does indeed make it centered, but unfortunately was not the answer I was looking for.
My reason for these changes was to make the whole site wider – 1010px in this case – and if I remove the line of code you suggested the site goes back to the old width – 960px (that is based on the original theme).
So, any ideas how to position the slider without changing the width of the entire page?
If the homepage is the only place where things are off-balance, what if you modified the CSS to bring the width back to the default only for the homepage. Could you try this in your custom CSS?
.home #page {
width: 960px;
}
Doing this should leave every other page and post at 1010px wide.
Let me know how it goes.
Hi,
Thanks for your advice. However it still doesn’t resolve my problem. If I set the home page width to 960px, the images in my posts are too big for the area that is left for them in the front page.
So, just to make it clear, I want to position the slider to the centre of the front page without changing the width of any page. Or maybe I could change the width of the slider instead of positioning it again…
Any other ideas? 🙂
I just noticed that your featured image is only 888px wide so it doesn’t fill up the entire width of the main column.
Try adding this to your child theme to account for the difference in widths:
#featured-content {
margin-left: 58px;
}
How could I not have realised that! Even when I was going through all these discussions about how other people’s featured images weren’t big enough… Thank you, you’re a life saver, it is centered now! 🙂
I did upload the picture with the size 900×599, which should be okay. So it’s weird it doesn’t fill in the whole area. But anyways, thank you!
You’re welcome, glad you’re set. 🙂
