Hello, I wonder if anyone can help me.
This is for the impulse theme. If you refer to the image provided, the green arrow points to the website background. The two sections are hero (optional slideshows), however for some reason they are fastened together. Also, they are as wide as the entire website. I would like to know how I can separate the two so that the background can be seen between them, and also how I can reduce the width so the background can be on the sides of the sections. I have put green boxes where I want to be able to see my background. Thanks so much for any help!
Hi, @RetroStore
please Share website Url
Go to Online Store → Themes → Custtomize.
If I managed to help you then, don’t forget to Like it and Mark it as Solution
Thank you for the reply, but that is still not separating them so I can see the background.
Give me Website Access so that i can help you
I Attached the preview url as this is a copy I am editing
You can follow these steps:
Go to Online Store → Themes → Edit code.
Go to Assets folder → theme.css.
Add the following code at the bottom of the file above tag
div#shopify-section-template--21323282645272__28ba14ff-2bca-43f8-a0fc-e67c0fa091a7 {
display: none!important;
}
Result
If I managed to help you then, don’t forget to Like it and Mark it as Solution
Hello, I can’t find in the asset folder. Also, I need the background to be after the announcement before the first hero, after the first hero before the second hero etc, and at the sides of the hero sections
Only paste this code in css.file in bottom and save code or refresh page
Please check. and let me know.
Hey, nothing has changed.
div#shopify-section-template--21323282645272__28ba14ff-2bca-43f8-a0fc-e67c0fa091a7 {
display: none!important;
}
replace this code
div#shopify-section-template--21323282645272__28ba14ff-2bca-43f8-a0fc-e67c0fa091a7 {
height:700px;!important;
}
Hey, thanks, just tried it at the bottom of the theme.css.liquid and it did nothing, what is the purpose of that piece of code?
Add this code
div#shopify-section-template--21323282645272__28ba14ff-2bca-43f8-a0fc-e67c0fa091a7 {
height:700px;!important;
}
and Delete thhis code
div#shopify-section-template--21323282645272__28ba14ff-2bca-43f8-a0fc-e67c0fa091a7 {
displa:none!important;
}
Hey websensepro, thank you for your continued efforts, where can this code be found I am struggling to locate it? Thanks
Hi, @RetroStore .
Goto online store > Theme > edit code > find > base.css file > and past the code very bottom.
Add these code:
div#shopify-section-template--21323282645272__28ba14ff-2bca-43f8-a0fc-e67c0fa091a7 {
height:700px;!important;
}
If I managed to help you then, don’t forget to Like it and Mark it as Solution
