Create some Padding?

by 8 replies
10
Greetings,

How can I create some padding (the word for space, right?) between the bottom of my tagline and the top of where pages/page/post titles start?

Mountain River Stream l Fabulous Outdoor Gear Reviews & Tales Of Intimate Adventures [By & For Women w/ Dr. Nicki]

thanks!
#website design #create #padding
  • You can just increase the padding for the .entry-box div class.

    In the style.css around line 427 you'll see this:

    Code:
    .entry-box {
background: #fff;
border-bottom: 1px solid #e6e6e6;
margin-bottom: 10px;
padding: 10px 0 5px 0;
}
    Increase the padding (the first one "10px") to what you want like so:
    Code:
    .entry-box {
background: #fff;
border-bottom: 1px solid #e6e6e6;
margin-bottom: 10px;
padding: 30px 0 5px 0;
}
    • [1] reply
    • David,

      That worked on the home page, but not other pages.

  • Do you want to push the optin box down as well? (it will make a difference in the answer)
    You are talking about the site tagline "By and for women w/Dr.Nicki" correct?
    • [1] reply
    • No, not the optin box. That is good where it is.
      Yes, the tagline you sited.

      The home page test post is about where I want it.
      I edited as you suggested.

      Just want the other pages to do the same.
      Like "library" is too high up

  • Ok, so you'll need to change the .content tag, so you don't move the option box.
    style.css around line 84 you'll see this:

    Code:
    #content {
background: #fff;
float: left;
padding: 0 0 20px 0;
width: 630px;
}
    Change the top padding like so:

    Code:
    #content {
background: #fff;
float: left;
padding: 30px 0 20px 0;
width: 630px;
}
    Edit: Change the previous .entry-box padding you added back to what it was.
    • [1] reply
    • Perfect, thanks you David!

      I feel like I should be paying you or signing up for something.
      I just followed you on twitter.
      Didn't optin for plugin creation 'cos that's a bit beyond me right now

      You are a gem.

  • Nope, no pay, this is all just free!
    Twitter and being a gem is good enough...Thanks
    • [ 1 ] Thanks
  • Create some padding between images. Say for example, I have a series of three thumbnails that I want on the same line.

    Please have a look at following example:
    HTML-
    <ul>
    <li>Hello</li>
    <li>Hello world</li>
    </ul>

    CSS:

    ul{
    width:100px;
    }

    ul li{
    border:1px solid orange;
    background: url("arrow1.gif") no-repeat center right;
    }

    ul li:hover{
    background:yellow url("arrow1.gif") no-repeat center right;
    }
    • [ 1 ] Thanks
Join the discussion

Next Topics on Trending Feed

  • 10

    Create some Padding?

    Greetings, How can I create some padding (the word for space, right?) between the bottom of my tagline and the top of where pages/page/post titles start?