Customise bullets on pages « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Customise bullets on pages

4 posts from 2 voices

Tags:

charlesparsons
Member

Please help me customise the bullet lists inside pages and columns.

I need to change the circles to a "+" (plus sign) but I have no idea how to go about it, I've tried everything to no avail.

Posted 11 months ago #
Mya
Hi,

You will first need to upload an image of the + into your theme's images folder (using FTP) or via Media Library > Add New. Next you'll need to add the following to your custom.css or Quick CSS.
```
ul.disc, .entry-content ul {
    list-style: none outside none;
}

.entry-content li {
    background: transparent url(path-to-your-image-should-go-here.png) no-repeat top left;
}
```
Regards,
Mya
Posted 11 months ago #
charlesparsons
Member

Thanks Mya, it worked! Now more thing, how can I get them vertically aligned with the first line of the bullet? Currently they sit just above the line. My PNG graphic size is 10px by 10px.

Posted 11 months ago #
Mya
Hi,

Try changing "top" in the .entry-content li to "center" like this:
```
.entry-content li {
    background: transparent url(path-to-your-image-should-go-here.png) no-repeat center left;
}
```
If that doesn't work you may need to adjust the image some. Like add some padding to the top of the image so it aligns better.

Regards,
Mya
Posted 11 months ago #