CSS Required To Update Prose Width, Content Width, and Sidebar Width

[ragingrouge]

Hi all! I see a few threads dedicated to this topic, but can't seem to find a specific answer to my question.

I love Prose, and want to continue using it, but the fixed width of this theme is too narrow for me. I'd like to increase the overall width (yet have it remain responsive of course), the main content width, and the sidebar width. What would the CSS code to make these changes look like (substituting XXX for the pixel values).

Thanks to anyone that can offer help!

http://www.ragingrouge.com

[Christoph]

Hi,
you can try changing the values of the following selectors in the style.css:

body {
width: ****px;
}

#inner {
width: ****px;
}

.content-sidebar #content, .sidebar-content #content {
width: 66%;
}

.sidebar {
width: 31%;
}

You might have to increase the max-width value of the media query.

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[ragingrouge]

Thanks so much for helping me out!

I've updated this CSS to the code below, but this keeps my content area the same size and right-justified. Also, my social media buttons are taking up two lines instead of one, though there is plenty of space for them all.

body {
width: 1200px;
}

#inner {
width: 700px;
}

.content-sidebar #content, .sidebar-content #content {
width: 66%;
}

.sidebar {
width: 31%;
}

[Christoph]

No problem 🙂

I would increase the width of #inner to something like

#inner {
width: 1100px;
}

http://screencast.com/t/zo9wg2dDY

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[ragingrouge]

WOW! Thanks so very much!

I'm curious what affect this will have on the mobile responsive version of the site. Are edits needed there too, or no?

[Christoph]

You will probably have to adjust when the media query kicks in and maybe decrease the width of #inner or body inside the media query.
It also depends on how long you want the sidebar next to the content.

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[Author]

Posts