Why are my product description bullets showing up twice?

Store Design
1

Hello Shopify community!

I’m editing out my product descriptions as I have just started using the Moltestore theme. I’m having a bit of an issue with bullets showing up doubled, as shown here:

Image 2.png
Image 2.png654×318 22.3 KB

Looks like one is the standard HTML bullet from the description editor and one is the styled, embedded CSS bullet.

I like the color and size of the theme bullet. Problem is that I cannot just get this bullet to show. I have tried clearing formatting, copying into Notepad and pasting, removing all copy and saving and then pasting in unformatted text, as well as trying an indent. Unfortunately, I’ve been unsuccessful at it. I know that it works because they showed up with just the desired bullets once but when I formatted other text within my description; they disappeared.

Can you someone give some assistance? Thank you all!

-Tony

1 Like
2

Hey @tonybrony ,

Hope you are doing well! Can you please share your store URL? So, I can check and guide you accordingly.

3

Hi @Akibhusen

I appreciate the help!

We have the URL private so you can get to the store with the following credentials:

https://fitnisk.com/

password: Run117

Thanks again for the help. This is the product that I sent the screenshot for:

https://fitnisk.com/products/indoor-spin-bike-cycling-stationary-exercise-bikes-for-home-gym-1185954586?variant=41528451760291

4

@tonybrony

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

5

Hi @KetanKumar

Of course. Thank you!

We have the URL private so you can get to the store with the following credentials:

https://fitnisk.com/

password: Run117

Thanks again for the help. This is the product that I sent the screenshot for:

https://fitnisk.com/products/indoor-spin-bike-cycling-stationary-exercise-bikes-for-home-gym-1185954…

1 Like
6

@tonybrony

yes, please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
.detail-description li {
    list-style: none;
}
7

@KetanKumar

That worked! Thank you very much.

As you can see that same list, for some reason, I have a space after the first bullet. I know this is very elementary but I do not see an extra break in the html. And idea what’s happening there?

8

@tonybrony

yes, please add this code also

.detail-description li:first-child {
    margin: 0;
}
9

@KetanKumar

That fixed that. Thank you so much!

1 Like
10

@tonybrony

yes, please add this code

.detail-description li:before 
{
background: #000000; /* change color as you like */
}
11

@tonybrony , I hope you got the replay that you are looking for. let me know if you still need any help.