[seanerin72]

As I posted this in the wee hours, I am giving myself a shameless bump. 🙂 Thank you...

[seanerin72]

Hi, on your dashboard, click on custom code under the genesis tab.  Within the custom css box, I posted the following code:

body {
background: #f5f5f5;
margin: 0 auto;
width: 1100px;
}

#inner {
width: 1100px;
padding: 0 20px;
}
.content-sidebar #content-sidebar-wrap {
width: 1060px;
}
.content-sidebar #content {
width: 740px;
}
.sidebar {
width: 300px;
}
.full-width-content #content {
width: 1040px;
}

.footer-widgets-1, .footer-widgets-3 {
width: 335px;
}
.footer-widgets-2 {
width: 340px;
}

Visiting the following link will give you a sense of which areas of your site are being affected by the numbers included.

http://www.studiopress.com/images/gen_markup.png

Additionally, my site is currently set for a width of 1100px so all numbers thereafter (for content, sidebar, and footers) are managed accordingly.  Keep in mind as you adjust the number for the content area (740 px for me) you must also adjust the sidebar number (300 px for me).

As much help as I have gotten here, I hope that I have been of some help to you.  Take care.

Sean

[seanerin72]

Thanks for the responses.  I use the prose child theme.  I was under the impression that it was responsive.  If not, how can I make my site responsive?  Thanks again.

Sean

[seanerin72]

Oh sorry, here is the site: http://www.blackboarddreams.com

Thank you.

[seanerin72]

Thank you so much!  That worked beautifully!

[seanerin72]

Thank you very much for your help.  Adding the code produced this: http://www.blackboarddreams.com

I wonder if there is a way to move the copyright beneath the white section of the page, placing it between "return to top" and "prose theme" at the very bottom.  Can that be done?  If so, how?  Thank you again.

Sean

[seanerin72]

Thank you David!  That was very helpful.

[seanerin72]

So, I think I am making progress, but I wonder about this page: http://www.blackboarddreams.com/category/humancondition/

Beyond my home page, I plan to use full page templates.  In the above page the content does not quite make it over to the right side of the page.  How can I ensure that the content on full page templates spans the entire page?

Thank you!

[seanerin72]

Wendy, that was fabulous help!!! Thank you so much and thank you for the feedback on my site!  I figure another couple weeks of tweaking and I will be ready to add content 🙂

[seanerin72]

Sorry for posting again, but I tried this:  I posted the following code:

body {
background: #f5f5f5;
margin: 0 auto;
width: 1100px;
}

This happened: http://www.blackboarddreams.com

As you can see, the page itself increased in width, but the content did not "scale" with accordingly.  How do I change that?

Also, on an unrelated aesthetic note, at the very bottom of the page the "search" button is actually a few pixels wider than the search form.  How can I change that?

Again, thank you so much for your help thus far.  As you can see, I am merely in the beginning stages of my site.

Sean

[seanerin72]

Thank you Jon and Wendy... I posted the code into the custom css field and the result was that my sidebar was pushed to the bottom of the page.  The genesis framework 1.9 demo site gives an indication to the width that I would like for my site: http://www.genesisframework.com

Currently, reset to its original width, my site looks like this: http://www.blackboarddreams.com

So, how can I tweak my settings so that my site looks more like the width of the demo site?

Thank you so much for your help...

Sean

[Author]

Posts