Section with the same size

[pimpaoclothing]

Hi, I need to make this section the same size as the section above. Can anyone help me? Thanks

Preview link: https://umhw5c-2w.myshopify.com/?_ab=0&_fd=0&_sc=1

Pass: mahpor

[devcoders]

Hello @pimpaoclothing

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

.tpt-section_content {
padding: 0 5rem;
}

[tim_1]

You need to remove the rule you already have in “Custom CSS” for this section:

.tpt-section_content {
  max-width: 1440px;
}

And add this instead:

@media screen and (min-width: 990px) {
  .tpt-section_content {
    padding: 0 5rem;
    max-width: var(--page-width);
  }
}

[pimpaoclothing]

I can’t find this code, can you help?

.tpt-section_content {
  max-width: 1440px;
}

[pimpaoclothing]

It did’t work, i don’t know why

[devcoders]

Hello @pimpaoclothing
Where you add the CSS? Can you send me a screenshot?

[pimpaoclothing]

Hi, I put it where you told me

[devcoders]

Hello @pimpaoclothing

.tpt-section_content { padding: 0 5rem!important; }

[pimpaoclothing]

ok now it worked but it still isn’t aligned with the other sections in sizes greater than 1440px

[pimpaoclothing]

Forget it, I’ve already solved it! Thank you very much for your help

[devcoders]

Hi @pimpaoclothing ,

Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance. If helpful, please like all posts.

[tim_1]

Your HTML includes this:

/* Content max width */
#shopify-section-template--24835640394052__tpt_collection_list_2_NVVxaJ .tpt-section_content {
        max-width: 1440px;
    }

Shopify “Custom CSS” prepends section id selector to selectors of the rules entered there, so I deduced that original content for the setting was:

/* Content max width */
.tpt-section_content {
   max-width: 1440px;
}

Obviously, it’s possible that selector like the former one was entered manually, but I myself try to avoid selectors like this.

Anyways, the !important did it, so no need to dig deeper.