Fixing Site Width

[rosetrees]

Hi. I'm new to Genesis and I'm struggling to understand how to customise it.

I'm using the Sample child theme. How do I make the site a fixed width, for example 960px?

Thanks

http://keepsafeonthenet.co.uk

[Porter]

My best advice, spend a couple of hours with a "backup" simply steaking the style.css. Read it over a bit, and you'll slowly but surely know you're way around.

In your case, you need to locate:

.site-inner,
.wrap {
	margin: 0px auto;
	max-width: 1200px;
}

max-width:1200 is what needs to be changed. There are other parts that equal this, such as sidebar, widget area, content, etc, so make sure that if you change the 1200, you adjust the other areas. Additionally, at the very bottom of your style.css, you'll see "media queries", adjust those sizes as well.

To find the size of parts of your website, try using this awesome tool - http://www.westciv.com/xray/

Right click > inspect, is also your friend.

---

Buy me a beer? | Try DigitalOcean VPS Hosting

[rosetrees]

Thanks so much Porter. I know I can crack this. I will try that tomorrow and also take a look at that tool. You're a sanity saver. 🙂

[Author]

Posts