Square Bullet Points?

Bullet points are currently set to circles, is there a way to make them hollow squares? Example…

I would even consider solid squares. If I must…

I don’t deal with bullet lists, so this is an awkward solution, but you can edit your theme’s css and add

.entry-wrap ul { list-style:black_large_square: }

reference: https://www.w3schools.com/html/html_lists.asp
If you’re unfamiliar with css, many of their examples are inline code, so it won’t work unless it’s in a similar format as it is above.

If you need to style the bullet points a little, you can try https://www.w3schools.com/CSS/css_list.asp

To use other special character formats, you might have to refer to lists like https://dev.w3.org/html5/html-author/charref
and add something like this (check marks here)

.entry-wrap ul li:before
{
    content: '\2713';
    margin: 0 1em;    /* any design */
}

I forgot to copy the reference for that one, but somewhere in the w3 stacks will be the answer.

Beyond that, you’ll be getting into using something like font awesome. I have to look everything like that, so I’m probably not the best person to consult for those details.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.