A user needs to reduce the height of two banners in a custom Shopify theme: the slide banner and the banner directly below it. They also want to make the second banner’s width match the product section.
Proposed Solution:
A respondent suggested adding CSS code to the base.css or theme.scss.liquid file in the Assets folder to set specific height (300px for slide banner) and width (100% for second banner container).
Current Status:
The solution didn’t work. The user’s theme lacks the suggested CSS files in the Assets folder. When they attempted to apply similar code to available files, it resulted in a 404 error.
The issue remains unresolved, with the user providing screenshots showing their theme’s actual file structure to clarify the problem.
Hey, thanks in advance for your attention 
I need help with this theme since the slide banner and the one right below is too large. I want to reduce the height of the slide banner and make the second one as wide as the product section.
Also, if I wanted only to reduce both banners in height, Is it possible?
Best,
Hello @BeaCunhas ,
You can try to follow these steps:
Go to Online Store → Themes → Actions → Edit code
Go to Assets folder → base.css file (or theme.scss.liquid file)
Add this following code at the bottom of page
.slide-banner {
height: 300px;
}
.second-banner-container {
width: 100%;
}
Save and preview
Hope this can help.
Transcy
