Reduce Site Width

[kevinburke2]

I am working on a project using the Generate Pro theme. I'll be using a full width content layout on all pages.

Currently, the site width is set at 1140px, but I'd really like to be around 960px. I'm fairly new at working with the CSS, and I really don't know where to start. In my mind, I feel like this should be fairly straightforward.....

Any help would be greatly appreciated!

Thanks!

Site: http://www.iphoneparents.com

http://www.iphoneparents.com

[Davinder Singh Kainth]

1. If you only want to change width of pages and keep posts at existing width, then add following code in style.css file before media queries

.page .content {
    max-width: 960px;
    margin: 0 auto;
    float: none;
}

2. If you want everything to 960px then, look for following code...

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

change to...

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

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[kevinburke2]

Thank you! This worked great!

[Davinder Singh Kainth]

Welcome.

fyi... word "iphone" is a trademark word. One cannot use it in a domain name, you may get into trouble for this!

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Author]

Posts