Unordered list arrow turned to dot after update
-
Hello!
I made theme update few days. At the start didn’t saw that there is now problem with that bulleted list, which before was made each separately by adding this <ul class=”unordered-list”> to make as small arrow as in Your theme samples, now everywhere shows as dots..
How to change it? It affects all products, where classic editor is used for description area with bulleted list.
See sample from how it is now. And other sample from my other page, where this function is working properly as I haven’t made there updates yet..
Adding link as sample and in private login info to check it from backend.
Attachments:
You must be
logged in to view attached files.
Hello,
Could you please check how it works with some default WordPress themes like TwentyTwenty-Five or WooCommerce Storefront to understand if it is our theme issue or not?
Best Regards
It doesn’t work with Twenty-Twenty Five theme and elementor+ woocomerce as well -bullet list shows as dots with lines.
And if I want to add new template from Your template database, where arrows are used, bullets are added as dots, not arrows as well.
When updated theme, I updated wordpress version as well, by the way.
Hi there,
Thanks for reaching out.
Those old “unordered-list” arrow styles were deprecated and removed in the latest update. If you still want to keep that appearance, you can restore it with custom CSS.
Please add the following CSS to Theme Settings > Custom CSS
.unordered-list {
list-style: none;
--li-pl: 0;
}
.unordered-list ul, .unordered-list ol {
margin-inline-start: 20px;
list-style: none;
--li-pl: 0;
}
.unordered-list li:before {
content: "f113";
font-family: "woodmart-font";
margin-inline-end: 10px;
font-size: 8px;
}
Keep using in your content where you want the small arrow bullets.
Kind regards,
XTemos Studio
Thanks for the info, Serg! Will be usefull for my other site as well! 🙂
At the start code You gave didn’t work – all the bullets was changed to numbers f113.
Asked Chat gpt to help and there was missing \ before f113. So the end css code, which I used and was working:
.unordered-list {
list-style: none;
–li-pl: 0;
}
.unordered-list ul, .unordered-list ol {
margin-inline-start: 20px;
list-style: none;
–li-pl: 0;
}
.unordered-list li:before {
content: “\f113”;
font-family: “woodmart-font”;
margin-inline-end: 10px;
font-size: 8px;
}
Thanks and have a nice day! 🙂
.
