Support » Themes and Templates » styling lists (bullets) margins/padding

  • The bullets of the list on my homepage keeps merging into the div to the left, despite the padding and margins I’ve styled into both the list and the div to the left.

    The site is here:

    Any ideas?

    Relevant CSS:


    .post ul {list-style-type: square; margin-left: 5px; padding-left: 5px;}
    .post ul li {margin-left: 5px; padding-left: 5px;}

    Sidebar to the left:

    .picturecallbox {float: left; width: 250px; margin: 20px 10px 5px 0px; padding: 2px; background: #efefef; border: 1px solid #10466F; color: #000000; font-family: “Trebuchet” “Arial” “Microsoft Sans serif” “sans serif”; font-size: 70%;}

    Relevant HTML:

    <div id="post">
    <div class="picturecallbox">
    <img src="" alt="" />

    In as little as one business day, you could have a merchant account that lets you process all major credit cards, plus debit cards and e-checks.
    <h2>Get a merchant account online!</h2>

    • Leading ecommerce and small-business payment processor.
    • Compatible with vast majority of shopping carts.
    • Easy application.
    • No set up fee.
    • No early termination fee - leave any time.
    • Low discount rate.
    • Low monthly fees.
Viewing 7 replies - 1 through 7 (of 7 total)
Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘styling lists (bullets) margins/padding’ is closed to new replies.