Solved

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

Ronald123
Tourist
7 0 4

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

Accepted Solution (1)

KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@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;
}

 

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 4 (4)

KetanKumar
Shopify Partner
36839 3635 11972

@Ronald123 

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

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

Please share your site URL,
I will check out the issue and provide you 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

KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@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;
}

 

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
Ronald123
Tourist
7 0 4

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

KetanKumar
Shopify Partner
36839 3635 11972

@Ronald123 

it's 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