Minor Coding Help

Solved
HeylBakery
Tourist
4 0 1

Hello,

I have a few requests for my site which I'm hoping someone can help with.

 

www.heylbakery.com 

- Centre the 'Friday Collections' image (It's a 'collection list') 

- Centre the 'How to buy' and text underneath it.

Thank you

JHKCreate
Shopify Partner
1984 319 421

This is an accepted solution.

Hi @HeylBakery 

Please add the below code for question #2:

.rte.rich-text__text--medium {
    text-align: center;
}

h2.section-header__title.rich-text__heading--medium.h1 {
    text-align: center;
}


To your theme.scss.liquid file at the very end.

 

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
KetanKumar
Shopify Partner
14046 1637 5034

@HeylBakery 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

#shopify-section-collection-list .grid-uniform {
display: flex;
    justify-content: center;
}
}
#shopify-section-16132308948d7bbe3e {
.rich-text, .rich-text__heading--medium {
    text-align: center;
}
}

 After This look

KetanKumar_0-1613295647979.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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
HeylBakery
Tourist
4 0 1

@KetanKumar - this hasn't worked - it's changed the format of the whole page. I've attached a screenshot but it's affected below that too so i've deleted that code. Do you have any other suggestions please?

@JHKCreate  - your coding worked, thank you.

 

 

 

 

Screenshot 2021-02-14 at 11.26.12.png

0 Likes
KetanKumar
Shopify Partner
14046 1637 5034

This is an accepted solution.

@HeylBakery 

i have updated the code

#shopify-section-collection-list .grid-uniform {
display: flex;
    justify-content: center;
}
#shopify-section-16132308948d7bbe3e {
.rich-text, .rich-text__heading--medium {
    text-align: center;
}
}

 try this 

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing