10 {{ upvoteCount | shortNum }}
10 {{ upvoteCount | shortNum }}

Create some Padding?

by npaige
8 replies
  • WEB DESIGN
    • |
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!
#create #padding
  • Profile picture of the author David V
    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;
}
    {{ DiscussionBoard.errors[7786476].message }}
    • Profile picture of the author npaige
      David,

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

      Originally Posted by David V View Post

      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;
}
      {{ DiscussionBoard.errors[7786494].message }}
  • Profile picture of the author David V
    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?
    {{ DiscussionBoard.errors[7786510].message }}
    • Profile picture of the author npaige
      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

      Originally Posted by David V View Post

      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?
      {{ DiscussionBoard.errors[7786522].message }}
  • Profile picture of the author David V
    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.
    {{ DiscussionBoard.errors[7786530].message }}
    • Profile picture of the author npaige
      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.

      Originally Posted by David V View Post

      Ok, so you'll need to change the .content tag as well 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.
      {{ DiscussionBoard.errors[7786547].message }}
  • Profile picture of the author David V
    Nope, no pay, this is all just free!
    Twitter and being a gem is good enough...Thanks
    {{ DiscussionBoard.errors[7786566].message }}
  • Profile picture of the author siyajoshi
    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;
    }
    {{ DiscussionBoard.errors[7800558].message }}

Trending Topics