Shopify themes, liquid, logos, and UX
Hi, how can I change the width of this section:
Here is my store URL: https://1049xn-ya.myshopify.com/
Thanks a lot,
Tim
Solved! Go to the solution
This is an 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!
This is an 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!
Thank you man! Appreciate it
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
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
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025