WordPress.com

1. indiafoundation
   Member
   Feb 13, 2013, 8:22 AM

   Hey there.

   I've been trying to read up on CSS and HTML and do this myself but I'm unable to--
   (I have customised Oxygen theme a little bit through a lot of trial and error). I want to customise it further, but need help :(

   I have removed the "recent articles" and "more articles" section on the homepage, and that messes with the alignment of the secondary sidebar area on the homepage, so I haven't put any widgets over there. So now, unless I use the "full page width" for my pages, there is always a gap on the right side to make space for the secondary sidebar that's supposed to show up there.

   I was hoping someone can help me edit the CSS in such a way that I can use "default template" --with the Primary sidebar intact, but without the space for the secondary sidebar showing up and cutting the width off the page.
   I hope this is making sense.

   I would really, really appreciate any help - I'm really unable to wrap my head around the CSS-writing. :(

   Thanks in advance!

   The blog I need help with is indiafoundation.wordpress.com.

2. indiafoundation
   Member
   Feb 13, 2013, 8:34 AM

   I think I may have found the solution thanks to a few other posts...so, just in case this might help anyone else with similar queries -- I'm pasting below the code I think will do the trick!

   /* Centers menu bar */<br /> .main-navigation {<br /> text-align: center;<br /> width: 100%;<br /> }</p> <p>.main-navigation ul {<br /> display: inline-block;<br /> }</p> <p>/* Removes left side bar from all but home page */<br /> .page-id-2 </p> <p>#tertiary,</p> <p>.page-id-5</p> <p>#tertiary,</p> <p>.page-id-8</p> <p>#tertiary,</p> <p>.page-id-[...and so on]

   #tertiary {
   display: none;
   }

   #content {
   margin-right: 0;
   }

Topic Closed

This topic has been closed to new replies.