Can anyone help me remove the gray section I marked with a cross? I didn’t add it, but my friend did, and we’re unsure how to remove it.
https://sheeksorority.com/
Topic summary
A user seeks help removing an unwanted gray section from their Shopify store footer, which was added by a friend and they’re unsure how to delete.
Problem Details:
- Gray section marked with a cross in the footer area
- Origin unclear (added by friend)
- Screenshot provided showing the issue
Solutions Offered:
Two community members provided CSS code solutions:
-
Option 1: Add custom CSS via Online Store > Themes > Customize > Theme settings targeting
.footer-topwithpadding: 0 !important; -
Option 2: Edit theme code directly by going to Online Store > Theme > Edit code > Assets > base.css and add the same CSS rule at the bottom of the file
Both solutions use the same CSS approach to remove padding from the footer-top element. The discussion remains open with no confirmation yet on whether either solution resolved the issue.
Hi @Sheeks
Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings
.footer-top { padding: 0 !important; }
Hello @Sheeks ,
You can try this code: it will be helpful to you
Go to the Online Store->Theme->Edit code->Assets->base.css>add this code at the bottom of the file.
.footer-top {
padding: 0 !important;
}

