Help with divider please

  • Resolved geekgirl

    (@geekgirl)


    16 years, 11 months ago

    Hello everyone…

    I am trying to add a divider at the end of each post in my blog. I found this example code to put in my style sheet

    .divide {
 background: url("https://mysite.com/divider.gif") no-repeat;
 font-family: 'Verdana', 'Arial', Sans-Serif;
 font-weight: normal;
 font-size: 1em;
 height: 25px;
 margin: 10px 0 0 0;
 padding-right: 10px;
 text-align: right;
}

    What else do I need to edit to make this show up in my blog? Thanks in advance.

Viewing 2 replies - 1 through 2 (of 2 total)

  • 1. You need to have an image file uploaded (THE divider) to your server; I’d put it in the theme’s images folder;
    2. You need to replace “mysite.com” with something normal… i.e. the real location of the image file
    3. You need to edit any template file(s) – index, archive, whatever – where you want to divider to appear and insert a <div class="divide"></div> line into the Loop.

    Thread Starter geekgirl

    (@geekgirl)

    Thanks Moshu…That’s exactly what I needed.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Help with divider please’ is closed to new replies.