Oxygen theme – need to increase space between sidebars and central content

  • Unknown's avatar
    goglobetrotting · Member ·

    Thanks in advance for help.

    I need some CSS help please! If you look at my front page, you’ll see the left sidebar, central content/posts and right sidebar are all a bit close to each other. I think they need more white space in between – but would be open to other suggestions??? A vertical line in between? Would do you think would be best?

    Thanks so much.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    hallluke · Member ·

    Stylistically, I would suggest using whitespace to separate the columns.

    In practice, you’ve duplicated a lot of the existing theme CSS in your custom styles so it’s quite hard to figure out what you’re actually trying to change, especially when I check the layout at different screen sizes.

  • Unknown's avatar
    goglobetrotting · Member ·

    I’ve only altered two minor things, so there really isn’t loads of stuff in my custom styles at all!

    I’m not sure how to be clearer, other than how I described it above…

    Thanks though.

  • Unknown's avatar
    hallluke · Member ·

    I don’t think I explained it very well, sorry!

    It looks like, instead of just adding the single rules you need to make your changes, you have copied the whole chunk of CSS relating to the area you want to change then modified the bit you need.

    For example in your declaration for the secondary sidebar you have set the float and margin exactly the same as in your existing theme’s default CSS (which you don’t need to do!)

    I’ll have another look at it a little later and see if there’s a simple fix I can help out with.

  • Unknown's avatar
    hallluke · Member ·

    Here’s what I would suggest reducing your CSS to, it contains only the rules that are different from the ones in the theme you’re using:

    #content{
  margin-right:19.78723404%;
}

#secondary{
  width:16.021276595745%;
}

#tertiary{
  float:right;
  width:16.59574468%;
  color:#ccc;
  font-family:Arial;
  font-size:1.133333em;
}

.full-width #content,.image-attachment #content{
  margin:0;
}

    If you want to increase the gaps on either side of the main column you can just reduce the widths of the secondary and tertiary sidebars in the code above. Let me know how it goes!

  • The topic ‘Oxygen theme – need to increase space between sidebars and central content’ is closed to new replies.