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.
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.
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
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.
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
You must log in to post.