Customize bulleted list

I’d like to change my bulleted list in the following ways:
1. Change the bullets to “check marks” instead of discs
2. Change the spacing between the main bullet point and the text underneath.

Currently, my bulleted list looks like this:
* Stress-rated for predicable performance

* Our poles are composed of individual….

I want it to look like this:
* (want this bullet to be a check mark) Stress-rated
Our poles are composed of individual…

How can I do this, please?

Hello,

Please elaborate what you require with the help of some relevant screenshots and provide the admin panel login details of the website to check it myself and help you out accordingly.

Best Regards

Attached, please find a screenshot of what it currently looks like and if you scroll down the PDF, I show what I’d like it to look like.

Thank you for any help you can provide!

Attachments:

You must be logged in to view attached files.

Hello,

1) To change the icon of the list style try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.wpb_text_column ul li::before {
    content: "\f00c";
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
}

.wpb_text_column ul li {
    list-style: none;
}

2) You can try using the paragraph instead of the list item to make the second line without list style.

Best Regards

Thank you, Aizaz! That worked beautifully!

Now, how can I increase (slightly) the space between the bullet & the text?
As it stands, it appears as there are no space between the bullet & the text. Please see screenshot attached. I’d like 2 spaces between the 2, please.

Also, is there a way to make bulleted text larger than the text beneath? When I try to change the text size (to Heading 4, for example) on the bulleted text, all text beneath the bullet changes, too.

Thank you in advance!

Attachments:

You must be logged in to view attached files.

Hello,

You are Most Welcome.

1) Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.wpb_text_column ul li::before {
margin-right: 10px;
}

2) Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.wpb_text_column ul li span {
font-size: 18px;
}

Best Regards

Perfect! Thank you so much for your quick responses and awesome help!

Hello,

Most Welcome!!!.

I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts