Font Awesome Icons - Bullet point displaying under icons

[guyv]

Hi All,

I have used Font Awesome icons on my About Us page in an unordered list.

The problem is that the normal bullet points are displayed under the icons.

If you look carefully at the screenshot below you will see the bullet point sticking out the right side of the icon. I would like to remove these bullet points under the icons.

Here is the code that I have used:

- We are a **Google Trusted Store**.

- We are an **Authorized Dealer** for all the brands we sell.

- We offer [Fast and Free Shipping](https://electricrideco.com/pages/shipping) to the contiguous United States and more countries.

- [Low Price Guarantee](https://electricrideco.com/pages/price-guarantee) - we'll match or beat any authorized dealer's price.

- We offer [Financing](https://electricrideco.com/pages/financing) options with Klarna & Shop Pay at checkout.

- **No Sales Tax** or any hidden costs.

- We strive to offer the **Best Customer Service** in the industry.

- **Guaranteed Secure Checkout** – we value your privacy.

Thanks in advance!

https://electricrideco.com/pages/about-us

[GemPages]

Hello @guyv ,

I would like to give you some recommendation to support you.

Please go to Online Store > Themes > click 3 dots button > Edit code > Theme.liquid and add code above the tag on the file Theme.liquid.

Eg:

I hope you find the answer helpful. If you need further support, do not hesitate to reach out to us.

Kind & Best regards,
GemPages Support Team.

[guyv]

@GemPages Thanks for your reply!

I have used the following code:

.fa-ul {
  list-style: none !important;
}

[GemPages]

Hi @guyv ,

I am so glad that my suggestion can help. Your solution also a good way to solve that problem . I’m always happy to help you if you have any issue.

Kind & Best regards,
GemPages Support Team.