Bullet Points Not Showing In Tabbed Product Description

Store Design
1

I added tabs on my product page. Please refer to the following url

https://rhinogrillz.com/collections/gold-grillz-premade/products/double-tooth-gold-flat-grillz

However, the bullet points in the description aren’t showing up.

14K Gold Plated Over Human Safe Brass

FDA-licensed silicone melding bar & instructions for custom fitting in five minutes.

Lead and nickel free.

Unisex design

Comes with a silicone bar with manuals for custom-fitted Grillz in five minutes.

Premade Ready To Ship

It should look like this

  • 14K Gold Plated Over Human Safe Brass
  • FDA-licensed silicone melding bar & instructions for custom fitting in five minutes.
  • Lead and nickel free.
  • Unisex design
  • Comes with a silicone bar with manuals for custom-fitted Grillz in five minutes.
  • Premade Ready To Sh

Its indenting, but the bullets aren’t show up/.

The theme is Unsen v1.6 theme

The tabs were added using this code in Custom Html block.

{{ pages.returns.content }}
.tab-customize { overflow: hidden; border: 1px solid #ccc; background-color: #000000; } .tab-customize button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 12px 12px 12px 12 x; transition: 0.3s; font-size: 14px; font-weight: ; } .tab-customize button:hover { background-color: #DA850E; font-size: 16px; } .tab-customize button.active { background-color: #DA850E; font-weight: bold;

}
.tabcontent-cus {
display: none;
padding: 6px 12px;
border: 1px solid #ccc;
border-top: none;
}

What do I need to do to get the bullet points to show up

1 Like
2

Hi @weilim88

The list is none style. Check this one.

From your Shopify admin dashboard, click on “Online Store” and then “Themes”.

Find the theme that you want to edit and click on “Actions” and then “Edit code”.

In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

.tabcontent-cus ul.a {
    list-style: disc !important;
}

And Save.

Result:

Made4uoRibe_0-1706137398206.png
Made4uoRibe_0-1706137398206.png647×374 26.4 KB

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!