Centering custom liquid/html on my website.

Technical Q&A
,
1

Hi, im super new to using/creating HTML and I cannot figure out how to centre my custom liquid. The the page is https://www.abersochboatyard.com/pages/webcam

I would like all these elements to be centered. Any help would be much appreciated!

2

Hello @matteellis ,

Follow these steps:

  1. Go to Online Store → Theme → Edit code

  2. Open your base.css file and paste the following code at the bottom:

section#shopify-section-template--20869678432523__custom_liquid_3WfAMN {
    text-align: center; 
    margin: 0 auto;
    width: 50%;
}

section#shopify-section-template--20869678432523__custom_liquid_Q8UNxB {
    text-align: center;
}

If problem solved don’t forget to Like it and Mark it as Solution!
And if you need help with customization/code part you can contact me for services

You can find the email in the signature below.

Thanks