Solved

Can I center collection titles on Shopify?

2DRIPP
Explorer
46 0 16

how to I centre the collection titles 

 

Screenshot 2021-08-02 at 00.46.24.png

 

2dripp.com

 

pass: DRIPPMODE

Accepted Solution (1)
dmwwebartisan
Shopify Partner
12280 2546 3694

This is an accepted solution.

@2DRIPP 

Please remove this css class 

@media only screen and (min-width: 750px){
.template-collection .main-content {
    padding-right: 90px!important;
}
}
If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

Replies 15 (15)

KetanKumar
Shopify Partner
36839 3635 11972

@2DRIPP 

sorry for that issue can you please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

.template-collection .main-content {
    padding-right: 0px!important;
}

After Code Layout

KetanKumar_0-1627870013990.png

 

 

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
2DRIPP
Explorer
46 0 16

not sure why its not working

I added it. nothing changed

dmwwebartisan
Shopify Partner
12280 2546 3694

@2DRIPP 

Please check this link : https://2dripp.com/collections/new-dripp  this url css work 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
dmwwebartisan
Shopify Partner
12280 2546 3694

@2DRIPP 

Css for home page .

 

.product-card__title {
    display: block !important;
    text-align: center;
}


.price {
    display: block !important;
    text-align: center;
}

 

css not work please share screenshot .

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
2DRIPP
Explorer
46 0 16

Still dosent work 

ill show a screen shot one moment

dmwwebartisan
Shopify Partner
12280 2546 3694

@2DRIPP 

Please send screenshot .

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
2DRIPP
Explorer
46 0 16

Screenshot 2021-08-02 at 03.34.26.pngScreenshot 2021-08-02 at 03.34.19.png

dmwwebartisan
Shopify Partner
12280 2546 3694

@2DRIPP 

title center align please check screenshot

20210802-qljz-88kb.jpg

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
2DRIPP
Explorer
46 0 16

Screenshot 2021-08-02 at 03.43.00.png

dmwwebartisan
Shopify Partner
12280 2546 3694

This is an accepted solution.

@2DRIPP 

Please remove this css class 

@media only screen and (min-width: 750px){
.template-collection .main-content {
    padding-right: 90px!important;
}
}
If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
2DRIPP
Explorer
46 0 16

thanks alot team. silly padding =P

KetanKumar
Shopify Partner
36839 3635 11972

@2DRIPP 

Yes, That's it 

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

@2DRIPP 

sorry i can't see my see see issue right side to much padding 

KetanKumar_0-1627872012920.png

 

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
2DRIPP
Explorer
46 0 16

haha help me fix that padding @KetanKumar thats crazy

dmwwebartisan
Shopify Partner
12280 2546 3694

@2DRIPP 

Please add the following code at the bottom of your assets/theme.css file.  

.template-collection .main-content {
    padding-right: 0px!important;
}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app