How to center a section

Store Design
, , , , , , , , , ,
1

Hi, how can I move this section further to the right? S simply I want it to be perfectly centered on the page. I’ll adjust the dimensions myself afterward if needed.

CreatorTim_0-1737494670693.png
CreatorTim_0-1737494670693.png1915×838 145 KB

Here’s my store: https://1049xn-ya.myshopify.com/

Thanks a lot,
Tim

2

Hi @CreatorTim ,

You can follow the steps here:

Step 1: Shopify admin > Online store > Edit code > theme.liquid
Step 3: Copy the code below and paste it above

Here is the code for step 3:

{% style %}
{% if template.name == "index" %}
@media screen and (min-width: 1024px){
main#MainContent > div:nth-child(1) > div > .page-width {
    padding-left: 200px !important;
}
}
{% endif %}
{% endstyle %}

Here is the result:

DaisyVo_0-1737502046451.png
DaisyVo_0-1737502046451.png1339×591 240 KB

Please let me know if it works!

Best,

Daisy

3

Hey, I’d like the width of the section to stay the same—I just want to shift it further to the right so it’s centered. The width of the text and everything else should remain as it is.