Solved

Bullet points not showing on product description

libicap
Tourist
11 0 3

Hello, 

I am new to e-commerce and shopify and currently building my store. I am using smart tab extension for product description. My theme is Simple. 

Here's my link: https://www.sextra69.com/ 

On each product, there's "Key Feature" product tab, and the list is supposed to have bullet: 

  • 100% made of body-safe silicone 
  • Smooth and velvety surface 
  • Tapered beads for easy insertion 
  • Easy to clean and flexible
  • Ring stopper for easy control 

But they are just not showing. Anything I can do? I have basic knowledge in HTML and CSS. 

Thanks! 😄 

Accepted Solution (1)
KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@libicap 

can you please replace above the code to this 

.smart-tabs-content-block ul, .smart-tabs-content-block ol {
    list-style-type: disc;
}

if you have any issue let me know i can help you.

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 50 (50)

KetanKumar
Shopify Partner
36839 3635 11972

Hello, @libicap 

Thanks for post.

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste bellow code in the bottom of the file.

ul, ol {
    list-style-type: disc;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
libicap
Tourist
11 0 3

Hey @KetanKumar , 

Many thanks for the solution! It actually does solve the problem! However, after adding the code, I have another problem: 

There's a bullet on the left of the "shop now" tab. 

Screenshot_1.png

KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@libicap 

can you please replace above the code to this 

.smart-tabs-content-block ul, .smart-tabs-content-block ol {
    list-style-type: disc;
}

if you have any issue let me know i can help you.

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
libicap
Tourist
11 0 3

Hey @KetanKumar , this works! Thank you very much for your help! 


@KetanKumar wrote:

@libicap 

can you please replace above the code to this 

.smart-tabs-content-block ul, .smart-tabs-content-block ol {
    list-style-type: disc;
}

if you have any issue let me know i can help you.

 


 

Nika88W
Tourist
4 0 2

I used your solution too. Very helpful, thanks.

Edan
Shopify Partner
11 0 5

Facing a similar issue on my end. Suggested solution didn't do it.

The list loads and disappears. A list should show under Key Benefits here.

Suggestions?

KetanKumar
Shopify Partner
36839 3635 11972

Hello, @Edan 

Welcome to the Shopify community!
and Thanks for your Good question.

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.smart-tabs-content-block li {
    list-style: inside;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Edan
Shopify Partner
11 0 5

That did it! Thank you so much 🙂

KetanKumar
Shopify Partner
36839 3635 11972

@Edan 

Thanks for update.

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Edan
Shopify Partner
11 0 5

Hey again 🙂

I'm noticing the the alignment and display of the bullet list is not clean. Is there anything we can do about this?

carlajbarriga
Visitor
2 0 2

Hi, I have the same issue but the codes shared here is not working. Website is: https://buffalobackyardstore.com/

KetanKumar
Shopify Partner
36839 3635 11972

@carlajbarriga 

yes please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.product-description-area .rte li {list-style: disc;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
carlajbarriga
Visitor
2 0 2

Omg it worked! Thank you.

KetanKumar
Shopify Partner
36839 3635 11972

@carlajbarriga 

its my pleasure to help us 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Shao
Excursionist
13 0 5

Hello,

I have a similar problem. The bullet point disappeared after 1 second. But the code does not work for me 😞 

Is there another solution? 

Thank you

KetanKumar
Shopify Partner
36839 3635 11972

Hello, @Shao 

Welcome to the Shopify community!
and Thanks for your question.


Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Shao
Excursionist
13 0 5
KetanKumar
Shopify Partner
36839 3635 11972

@Shao 

Thanks for it 

store is password protect

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Shao
Excursionist
13 0 5

Hi @KetanKumar  again, sorry, the password is : skeuly

Pls let me know if you need more info

 

KetanKumar
Shopify Partner
36839 3635 11972

@Shao 

Thanks 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.smart-tabs-wrapper li {
    list-style: inside;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Shao
Excursionist
13 0 5

That code worked for me!

Really appreciate your help! Thank you

KetanKumar
Shopify Partner
36839 3635 11972

@Shao 

Thanks for update and your compliment 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
jwalsh
Tourist
4 0 3

Hi there,

 

I am having the same issue but do not seem to have the file /theme.scss.liquid in my assets folder. Do you have a different solution or suggestion?

KetanKumar
Shopify Partner
36839 3635 11972

@jwalsh 


Sorry for facing this issue, it's my pleasure to help us.

Welcome to the Shopify community!
and Thanks for your Good question. 😊

Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
jwalsh
Tourist
4 0 3

Thanks, here is the link: https://ctmagazine.myshopify.com/

My theme is "Bachas" if that helps.

KetanKumar
Shopify Partner
36839 3635 11972

@jwalsh 

Thanks for store 

can you please share particular page URL so i will provide proper code

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
jwalsh
Tourist
4 0 3

Here is an example, but it's happening on all product pages: https://ctmagazine.myshopify.com/products/advent-2020-devotional-bundle

This list under "what's inside?" Should all be bullet points:

  • Daily Devotional Guide with readings designed to print at home or email to your group
  • Bible reading guide calendar with daily Bible passages to compliment each daily devotion
  • 4 in-depth Bible study sessions that dive deeper into each of the weekly themes explored in the daily devotionals
  • Creative and meaningful ideas to engage you family during Advent
  • Suggested Scripture passages and themes for sermon development
  • Images and graphics for your church to use on your website, social media, and in slides
KetanKumar
Shopify Partner
36839 3635 11972

@jwalsh 

Thanks for more details 

1. Go to Online Store->Theme->Edit code
2. Asset->/style.css->paste below code at the bottom of the file.

.tab-content ul li {
    list-style: inside;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
jwalsh
Tourist
4 0 3

Great, thanks @KetanKumar. That fixed the issue. Is there a way to get the bullets to indent like they do in the editor? The bullet points are there on the live site now, but they are all left-aligned, in line with the rest of the text. 

Crsfrncs
Visitor
2 0 2

@KetanKumar I'm also having the issue of not being able to retain the line breaks when bulleting items within the product description (despite entering <br> in the url section). Notably, I am using Shopify Lite and don't have an online store but instead want to create a buy button linked from a separate website of mine. Hence, Product Details show up like this "• 100% cotton face • 70% ring-spun cotton, 30% polyester • Front pouch pocket • Self-fabric patch on the back" instead of showing each bullet listed on a separate line. Might you be able to help with that?

KetanKumar
Shopify Partner
36839 3635 11972

@Crsfrncs 

Sorry for facing this issue, it's my pleasure to help us.

Welcome to the Shopify community!
and Thanks for your Good question. 😊

Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
CosyG
Tourist
3 0 1

@KetanKumar 

Hello, Ketan

I am new here and am trying to add bullet points to my products but I don't have a style.css in assets. Only a custom.css and theme.css

My site is https://cosygaming.com/

and I want to add bullets to this page: https://cosygaming.com/collections/cockpits/products/scorpion-gaming-cockpit

 

KetanKumar
Shopify Partner
36839 3635 11972

@CosyG 

sorry for this issue bt i can't see bullets point this product can you please add and let me now 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
CosyG
Tourist
3 0 1

@KetanKumar 

That's the thing,

When I add bullet points, they don't show even though they are there in my editor. 

I'm using a custom HTML code for tabs, I don't know if that is the reason. 

 

<ul class="tabs">
<li><a class="active" href="#tab1">Tab 1</a></li>
<li><a href="#tab2">Tab 2</a></li>
<li><a href="#tab3">Tab 3</a></li>
</ul>
<ul class="tabs-content">
<li class="active" id="tab1">
<p>Tab 1 content goes here.</p>
</li>
<li id="tab2">
<p>Tab 2 content goes here.</p>
</li>
<li id="tab3">
<p>Tab 3 content goes here.</p>
</li>
</ul>

KetanKumar
Shopify Partner
36839 3635 11972

@CosyG 

its tab code doesn't show where did you add bullet point so i will check product

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
tariqul12012
Shopify Partner
15 0 3

 

here is my store link i have same problem i use ypur code from above code but not work on my theme.. can you give me a solution

 

https://vanitygrace.com/products/caroline-parkway-36-single-sink-dazzle-white-quartz-top-vanity-2

MegSela
Visitor
2 0 2

Hello, I am having the same issue and the solutions you listed is not working. Can you help?
https://forkliftcams.com/

KetanKumar
Shopify Partner
36839 3635 11972

@MegSela 

oh sorry for that issue can you try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/dt-framework.css ->paste below code at the bottom of the file.

.product__description ul li { list-style: inside;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
MegSela
Visitor
2 0 2

Perfect! It worked easily and you were so fast to reply. Thanks again!

KetanKumar
Shopify Partner
36839 3635 11972

@MegSela 

its my pleasure to help us 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
ramirorios
Visitor
2 0 1

Thank you a lot!

KetanKumar
Shopify Partner
36839 3635 11972

@ramirorios 

its my pleasure to help us 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
strongnation
Visitor
1 0 0

Thank you for the solution I had the same doubt

nquirion
Visitor
1 0 0

@KetanKumar We are having the same issue with our shop listings and none of the other solutions have worked. Can you assist?

https://www.shopshereadstruth.com/products/1-2-corinthians-study-book-she-reads-truth

Avanity
Tourist
3 0 2

@nquirion have you heard anything from @KetanKumar? having an issue on my end as well and looking for some help. Thanks! 

KetanKumar
Shopify Partner
36839 3635 11972

@Avanity 

oh sorry for that issue can you please share your store url so i will check and let you know 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Avanity
Tourist
3 0 2

@KetanKumar I coded them into the html code for one product just to try it out and still nothing appears, I appreciate the help! 

https://www.avanity.com/

KetanKumar
Shopify Partner
36839 3635 11972

@Avanity 

Thanks for store url but i can't see issue please share particular product url 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Avanity
Tourist
3 0 2