Keep in mind that the separator image is very small. The separator image that we used for our magazine is just a 3x4 pixel square with a dot. This image is used as a background and looks like a vertical dotted or dashed line.

Here's how you create your own images:

Go to Components -> Magazine -> Separators

You will be able to choose two images: the first image will be the vertical separator, and the second will be the horizontal separator.

We strongly recommend that you assign at least a vertical separator. This will help your home page look more organized.

 

As far the horizontal items, an HR tag already exists between the horizontal items so you don't have to use a separator image. However, we do recommend it because HR tags look very different on Internet Explorer than on Firefox. So to be on the safe side, it's better to just use an image and not the default HR. If you decide to use the HR, you can give it any style you want by modifying the HR style on your template's CSS. If a style is not specified on your CSS, just add it.

 

Once you specify the separtor image for the horizontal items, the HR will not be displayed.