Help Removing Gray Section Marked with a Cross

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-top with padding: 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.

Summarized with AI on November 5. AI used: claude-sonnet-4-5-20250929.

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/

1 Like

https://sheeksorority.com/

Here

Hi @Sheeks

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

.footer-top { padding: 0 !important; }

1 Like

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;
}
1 Like