How can I fix the specific section's width to match with the rest of the sections?

[poshpush]

Hello, 

I purchased this section from Section Store, but it is huge, covering the whole page. I'd like to minimize the width as the rest of the sections. How can I fix this section's width? here's my site: https://www.poshpush.me/products/basic-hongdae

[Dan-From-Ryviu]

Please add this code to Custom CSS in Sales channels > Online Store > Themes > Customize > Theme settings

.section-template--24688668213567__ss_comparison_table_2_EtDFbd-settings { max-width: 120rem !important; }

[poshpush]

@Dan-From-Ryviu Do you mean the theme.liquid? or base.css?

 

[Dan-From-Ryviu]

You can add it to base.css file 

[GTLOfficial]

Hello @poshpush 
Go to online store ----> themes ----> actions ----> edit code ----> base.css
add this code at the end of the file and save.

@media (min-width: 768px) {
.product-other-body-template--24688668213567__ss_comparison_table_2_EtDFbd {
margin-top: 50px;
width: 62%;
margin: 0 auto;
}
}

result

If this was helpful, hit the like button and accept the solution.
Thanks