How can I center align a banner in a custom Liquid section?

Solved

How can I center align a banner in a custom Liquid section?

maortegar
Shopify Partner
4 0 3

I pasted HTML code for a banner in a Custom Liquid Section in Dawn.  Unfortunately, it's not center aligned when it displays.  Please, tell me an easy way to make this work.  I'm a newbie with limited HTML knowledge.  Thanks. 

Accepted Solution (1)
made4Uo
Shopify Partner
3873 718 1214

This is an accepted solution.

@maortegar  Sorry. Missing the period.

 

.section-template--16233735717105__1657999238d52d92d1-padding {
    display: flex;
    justify-content: center;
}

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free

View solution in original post

Replies 7 (7)

KetanKumar
Shopify Partner
37583 3668 12151

@maortegar 

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. Partnership of your ️ Coffee Tips and my code can bring miracles.
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
maortegar
Shopify Partner
4 0 3

www.sempervaco.com

 

The banner is here:  https://sempervaco.com/blogs/quisqueya-blog   The resort banner with the 15% off offer.  Thanks.

made4Uo
Shopify Partner
3873 718 1214

Hi @maortegar,

 

You can use the follow code below.

 

1. From your Admin store, go to Online store > Themes > Click Actions > Edit code
2. Open the Asset folder, and find the base.css file. 
3. Add the code below.

section-template--16233735717105__1657999238d52d92d1-padding {
    display: flex;
    justify-content: center;
}

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free
maortegar
Shopify Partner
4 0 3

no, that didn't do the trick.  I copied it at the end of the base.css file and nothing.  I refreshed several times to no avail.  Any other suggestions?

made4Uo
Shopify Partner
3873 718 1214

This is an accepted solution.

@maortegar  Sorry. Missing the period.

 

.section-template--16233735717105__1657999238d52d92d1-padding {
    display: flex;
    justify-content: center;
}

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free
maortegar
Shopify Partner
4 0 3

You are the man.  That did the trick.  Thank you so much.  😀👍

LaNorme
Tourist
7 0 0

Hiya, do you mind me asking if this work for any website? I have the same issue and use dawn theme, www.lateliernammaadi.com, I am not good at all at understanding coding. I added a custom liquid to have a h1 tag on my home page but I cannot align the text to the centre. Thank you for any help you can provide.