Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #13266

    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.

    #78520

    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

    #78521

    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.

    #78522

    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

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Customise bullets on pages’ is closed to new replies.