How to insert indentation?

Discussion in 'HTML & Website Design' started by ademmeda, Jan 30, 2010.

  1. #1
    Hi,

    I am working on a simple wordpress landing page and created a list on the page. I want to get the list closer to the center of the page, how can I do this?

    The page is: my-beauty-tips.info

    Thanks for any tips.
     
    ademmeda, Jan 30, 2010 IP
  2. jwitt98

    jwitt98 Peon

    Messages:
    145
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Find this block of code in your style.css:
    
    .Post ul li {
         background-image:url(images/PostBullets.png);
         background-repeat:no-repeat;
         line-height:1.2em;
         margin:0.5em 0;
         padding:0 0 0 19px;
    }
    
    Code (markup):
    Then change the margin so that it looks like this:
    
    .Post ul li {
         background-image:url(images/PostBullets.png);
         background-repeat:no-repeat;
         line-height:1.2em;
         margin:0.5em 0 0.5em 10em;/*change this line*/
         padding:0 0 0 19px;
    }
    
    Code (markup):
    You can play with the margin till you get it where you want. 10em should get you in the ballpark. You might want to adjust it to say, 12em or 8em to suite your preference.
     
    Last edited: Jan 30, 2010
    jwitt98, Jan 30, 2010 IP
    ademmeda likes this.
  3. ademmeda

    ademmeda Active Member

    Messages:
    354
    Likes Received:
    3
    Best Answers:
    3
    Trophy Points:
    70
    #3
    Thanks for your time, the related code of the css is as follows

    .Post ul li
    {
      height:1%;
      background:none;
      [B]margin:0.5em 0 0.5em 10em;[/B]
      behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"images/PostBullets.png',sizingMethod='crop')");
      
    }
    Code (markup):
    I included the margin part as you suggested but no change.
     
    ademmeda, Jan 30, 2010 IP
  4. jwitt98

    jwitt98 Peon

    Messages:
    145
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Where did that come from? Are you sure you're looking at the right style.css? Here is the one the page in your link above is loading:
    http://my-beauty-tips.info/wp-content/themes/Blank_Sales_Page_Theme_With_Header/style.css
     
    jwitt98, Jan 30, 2010 IP
  5. ademmeda

    ademmeda Active Member

    Messages:
    354
    Likes Received:
    3
    Best Answers:
    3
    Trophy Points:
    70
    #5
    Sorry, my mistake, it was ie6.css that I was looking. Now it is fixed.
     
    ademmeda, Jan 31, 2010 IP
  6. BANAGO

    BANAGO Active Member

    Messages:
    456
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    58
    #6
    Cool - It's just padding or margin you have to work with.
     
    BANAGO, Feb 1, 2010 IP