addings gaps between page elements in wordpress

Discussion in 'CSS' started by Alexical, Jun 6, 2010.

  1. #1
    I'm working on re-formatting my blog, and one of the things I want to do is add "gaps" between page elements on my blog so that parts of a background image will show through between the header / posts / sidebar etc...

    My current blog is http://blogetize.org, and I'm looking to make it look similar to http://www.rockpapershotgun.com/

    The theme I'm using is thesis 1.7, and I'm pretty sure that what I want to do can be accomplished by diting the custom.css file, I just have no idea how to do it.

    Please help!!
     
    Alexical, Jun 6, 2010 IP
  2. Cash Nebula

    Cash Nebula Peon

    Messages:
    1,197
    Likes Received:
    67
    Best Answers:
    0
    Trophy Points:
    0
    #2
    I like the way they have made it easy to edit the theme. Very cool! :cool:

    You are right about making changes to custom.css. Open it up with the theme editor in the admin section of your blog.
    Add this to the bottom of the file and then press the "Update File" button:
    
    #container { width: 101.5em; }
    
    #content { margin-right: 2.2em; }
    
    .post_box { margin-bottom: 2.2em; }
    
    Code (markup):
     
    Last edited: Jun 6, 2010
    Cash Nebula, Jun 6, 2010 IP
  3. Alexical

    Alexical Peon

    Messages:
    16
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Thanks! This is exactly what I was looking for!!
     
    Alexical, Jun 6, 2010 IP