Adding Check‐Mark Bullets In Featured Box
AHMED EDRISS
Hello JoomShaper Support Team,
I hope you’re doing well. I’m working with one of your templates and would like to style the Featured Box content so that each list item displays a green check‐mark icon instead of the default bullet. (Please see the attached screenshot.)
Could you please advise:
Which module or template override is responsible for rendering the Featured Box list?
What CSS or configuration steps I need to apply to swap the default bullet for a check‐mark icon?
If any custom code (HTML override, Font Awesome class, etc.) is required, could you share a brief example?
Thank you in advance for your guidance—I appreciate any pointers or sample code you can provide.
Example in MS-Word: https://postimg.cc/mt2YnQjB
Feature Box: https://postimg.cc/67d4q3cM The link for the icon: https://postimg.cc/N2X3q3B2
Toufiq
Accepted AnswerHi there,
Thank you for reaching out. Add this html code inside the source of your feature addon.
<ul class="fa-ul">
<li><span class="fa-li"><i class="fa-solid fa-check-square"></i></span>List icons can</li>
<li><span class="fa-li"><i class="fa-solid fa-check-square"></i></span>be used to</li>
<li><span class="fa-li"><i class="fa-solid fa-spinner fa-pulse"></i></span>replace bullets</li>
<li><span class="fa-li"><i class="fa-regular fa-square"></i></span>in lists</li>
</ul>Best regards,
Toufiqur Rahman (Team Lead, Support)
AHMED EDRISS
Accepted AnswerThe HTML code I entered does not produce the expected effect. I need the same shape and color not a default check bullet
Toufiq
Accepted AnswerCould you kindly grant me access to your Joomla administrator area so that I can investigate the issue you're experiencing? Prior to providing access, please ensure that you have backed up your site. Additionally, it's important to note that providing login credentials is entirely voluntary on your part; we respect your decision either way. However, if you do choose to share the login details, it would greatly expedite the resolution process. Thank you for your cooperation.
AHMED EDRISS
Accepted AnswerThis is how it looks now: https://postimg.cc/fS9RqWLG This is how I wanted: https://postimg.cc/hhd4BjDw
Toufiq
Accepted AnswerFont Class name is fas fa-circle-check
<ul class="fa-ul">
<li><span class="fa-li"><i class="fas fa-circle-check"></i></span>List icons can</li>
<li><span class="fa-li"><i class="fas fa-circle-check"></i></span>be used to</li>
<li><span class="fa-li"><i class="fas fa-circle-check"></i></span>replace bullets</li>
<li><span class="fa-li"><i class="fas fa-circle-check"></i></span>in lists</li>
</ul>