Bulleted text alignment in description box Studio theme

Store Design
1

Hi. I’m having the often-seen bullet alignment problem with product description text on the Shopify Studio theme. Can anyone help me identify the solution. I tried other solutions but they don’t seem to work on the Studio theme. Any ideas why? Thanks.

This is the problem where the second line of bulleted text is not flush, but begins at the bullet level. I wonder the exact code to add to the liquid theme file. Thanks.

1 Like
2

HI @Lionel2023

Do you mind sharing your website? There could be an element added accidentally to the second bullet

3

To fix the bullet alignment problem in the product description text on the Shopify Studio theme, you can try the following steps:

  1. From your Shopify admin, go to “Online Store” and then click on “Themes.”
  2. Locate the Studio theme you are using and click on “Actions” > “Edit code.”
  3. In the left sidebar, under “Sections,” find and click on the file named “product-template.liquid” or “product.liquid” (the exact name may vary depending on your theme).
  4. Look for the HTML code that generates the bullet points in the product description section. This is usually marked with <ul> and <li> tags.
  5. Add a CSS class or ID to the <ul> element. For example, you can add class="bullet-fix" like this: <ul class="bullet-fix">.
  6. Scroll down or locate the stylesheet file associated with the theme. It could be a file ending with “.css” or within a <style> tag.
  7. Add the following CSS code to the stylesheet, targeting the class or ID you added in step 5:
.bullet-fix li {
text-indent: -1em;
padding-left: 1em;
}
  1. Save the changes and preview your product pages to see if the bullet alignment issue is resolved.

If the above steps don’t work or if you’re unsure about making changes to the code, it’s recommended to reach out to Shopify support or the theme developer for further assistance. They will be able to provide specific guidance and help you resolve the bullet alignment issue in the Studio theme.

4

Thank you Mike for the detailed instructions! I will try it out. Appreciate it.

5

Well, I tried but cannot find the exact place to insert any code. Can someone PLEASE go into the Studio theme and let me know the code line where to add the style code? If not, can someone help me locate how to contact the Studio theme developer? Thanks.