How to add a custom background and an icon in the Footer section I own

Store Design
, ,

Topic summary

A user purchased a footer section from the Section Store and wants to customize it by changing the background color and adding a Xiaohongshu social media icon, neither of which are available in the default settings.

Background Color Solutions:

  • Multiple users provided CSS code targeting the specific footer section class (.section-sections--24669162963263__ss_footer_7_LYkQW4-settings)
  • Initial attempts only changed a pink area, not the desired white background section
  • The solution that worked targets .shopify-section-group-footer-group to change the highlighted white background area

Adding Social Media Icon:

  • CSS alone cannot add functional links or new icons
  • Requires editing the Liquid code in the footer section file
  • Suggested approach: Add HTML for the icon/link in the .liquid file where existing social icons are located, then style with CSS
  • User attempted this but reported it didn’t appear

Current Status:
Background color issue appears resolved. Adding the custom social icon remains unresolved, as it requires access to and modification of the section’s Liquid code, which responders don’t have direct access to help with.

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

Hello @poshpush
Go to online store ----> themes ----> actions ----> edit code ----> base.css
add this code at the end of the file and save.

.section-sections--24669162963263__ss_footer_7_LYkQW4-settings {
background: chocolate !important;
}

result

24.png
24.png1001×600 30.3 KB

If this was helpful, hit the like button and accept the solution.
Thanks