WordPress.com

1. roeyhoey
   Member
   Aug 13, 2012, 10:18 PM

   Hi, Is there any way I can change the layout of the default page in the Oxygen theme to exclude the widgets on the right hand side and expand the width of the content to fill that space?

   I've tried a bunch of CSS tweaks and failed. I am pretty sure this is beyond my bare bones CSS knowledge.

   The URL/page example for my site is: http://mendocinosprouts.wordpress.com/sprouts-2/
   It is no longer private for those who have responded to previous posts :-)

   Many thanks.

   The blog I need help with is hungrynomadmaps.com.

2. roeyhoey
   Member
   Aug 14, 2012, 12:32 AM

   The blog I need help with is mendocinosprouts.com not hungrynomadmaps. com. Sorry about that.

3. roeyhoey
   Member
   Aug 15, 2012, 7:44 AM

   Hi again.
   The URL of the site/page example that I need help with has changed.
   It is now http://mendocinosprouts.com/sprouts-2/
   Thanks.

4. zandyring
   Staff
   Aug 15, 2012, 12:17 PM

   Hi Roey,
   I have A solution for you, but I'm not sure if it's what's going to work ultimately for you. Give it a try, and maybe it'll help you enough to tweak for your purposes. This may hide the sidebar on all pages, so forewarned.
   You'll want to add this to your CSS style sheet. Then you can preview or save, and if it's not what you want, delete from your stylesheet and then save again (or just delete if you didn't save in the first place.)
   #tertiary {display: none;}
   This doesn't erase the tertiary content area (your right sidebar), it just tells the browser to not show it.
   #content {width: 750px;}
   This expands your content area to fill up the space that's left.
   Good luck!

5. roeyhoey
   Member
   Aug 15, 2012, 3:42 PM

   Thanks,
   That almost works perfectly except that it hides the tertiary menu on the front page which I would like to keep. Any way to keep it on the front page and not the others?

   Or instead...
   Is there a way to change the layout of the full width page to include the secondary sidebar. Maybe adding something to #page?

   Thanks again,
   I appreciate your help!

6. zandyring
   Staff
   Aug 15, 2012, 4:03 PM

   You know, that's an interesting question, but I just don't know enough about the theme to know whether that is or isn't possible. Other than changing the theme itself so those elements access different CSS properties, I'm not sure how to get it to work - and you and I can't alter the theme in that manner. Double check your dashboard/appearance/themes/customize to see if you have an option for a two-column layout for those secondary pages, but I am stumped otherwise.
   Good luck! I hope you can find something that works for you.

7. roeyhoey
   Member
   Aug 15, 2012, 4:38 PM

   Thanks!

8. designsimply
   Staff
   Aug 29, 2012, 7:42 PM

   That almost works perfectly except that it hides the tertiary menu on the front page which I would like to keep. Any way to keep it on the front page and not the others?

   To hide the right sidebar for all posts and archives pages (including the home page) except the http://mendocinosprouts.wordpress.com/sprouts-2/ page which has page ID 1215, you can add this to your Appearance → Custom Design → CSS editor:

   #tertiary {
   	display: none;
   }
   #content {
   	width: 750px;
   }
   .page-id-1215 #tertiary {
   	display: visible;
   }
   .page-id-1215 #content {
   	width: 470px;
   }

Topic Closed

This topic has been closed to new replies.