How do I change the width of a specific section?

[CreatorTim]

Hi, how can I change the width of this section:

1. 1. I want to align it to the center of the page.
   
2. I want to make it slightly narrower, at 1300px.
   

Here is my store URL: https://1049xn-ya.myshopify.com/

Thanks a lot,
Tim

[AnneLuo · Accepted solution]

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code before the </head> tag

<style>
.section-template--22711083729161__image_with_text_ejW6Nw-padding {
    max-width: 1300px;
    margin: 0 auto !important;
}
</style>

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

[CreatorTim]

Thank you man! Appreciate it

[DaisyVo]

Hi @CreatorTim ,

You can follow the steps here:

Step 1: Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
Step 2: From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/ypQ7nly2wv27
Step 3: Copy the code below and paste it there

Here is the code for step 3:

@media screen and (min-width: 1024px){
.section-template--22711083729161__image_with_text_ejW6Nw-padding .page-width > .image-with-text {
    width: 1300px !important;
}
}

Here is the result:

Let me know if it works!

Best,

Daisy

[EstherBui]

Hi CreatorTim 

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file

@media screen and (min-width: 1024px){
  .image-with-text.image-with-text--no-overlap.isolate {
     width: 1300px;
  }
}

Best,
Esther