I am trying to remove the white padding space between the title and the slider logo carousel. The carousel is custom HTML and I am not sure how to go about removing the section between that and the rich text section. Do I use the CSS section code to edit or do I insert in actual theme and what exactly is the coding because I have tried a few and seen no result.
Hi @briaburton
Can I check? Would you mind to share your Store URL website? with password if its protected. Thanks!
Hi it is https://chthonicco.com/
Thank you for the information. Try this one.
- From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
- Find the theme that you want to edit and click on “Actions” and then “Edit code”.
- In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
section.index-rte.rich-text {
padding-bottom: 0px;
}
section.custom-html-section.wrapper.custom-html-section--padding {
padding-top: 0px;
}
-
And Save.
-
Result:
-
If its too near to you, you can add sizes either on those 2 code.
-
Example:
section.index-rte.rich-text {
padding-bottom: 0px;
}
section.custom-html-section.wrapper.custom-html-section--padding {
padding-top: 20px;
}
Thank you it worked! What would I add for the similar banner running at the top with the bottom padding? I want to remove some of that too.
Welcome! Which banner it is? So I can give you the right selector.
I can’t get the 2nd code to work for some reason. Also, the gap between these two sections are gone and I would like that part back if possible. (our story and IG feed)