Debutify - Product Bullet Points: How to left align and have each bullet in different rows?

Hi there,

I’m trying to get each bullet points in a different row and also left align for this. It such a simple thing but Debutify made it so hard.

Any help would be appreciated!

Thanks,

Ronald

1 Like

@Ronald123

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.

1 Like

@Ronald123

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.pbp-points li.pbp-point {
    width: 100%;
    text-align: left;
    padding-left: 30px;
    position: relative;
}
.pbp-points li.pbp-point .material-icons {
    position: absolute;
    left: 0;
}
1 Like

Again, thank you so much Bamaniya. You’re awesome!

1 Like

@Ronald123

it’s my pleasure to help us