Hello, I purchased this footer section in the Section Store. As I was customizing it, I want to change the background color, but the default setting doesn’t have background color settings. So, can I add a custom background color with CSS? Also, I want to add a social media icon that the default sett…

@poshpush , hey, thanks for posting here. Please add this style in custom CSS and add the color you need. .section-sections--24669162963263__ss_footer_7_LYkQW4-settings { background: #00000073; } [ProtoMan44_0-1748252030644.png]

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] If this was helpful, hit the like bu…

It’s a section in your theme. Of course you can modify its look by using “Custom CSS” setting on the section or in Theme Settings. You can even edit the liquid code, but I would rather refrain from doing so as it may complicate theme update. A CSS code for the “Custom CSS” can be like this: [cla…

Hi there, Yes, you can absolutely customize both the background color and add a new social media icon (like Xiaohongshu) using a bit of custom CSS and HTML! Change Footer Background Color with CSS You can target your custom footer section and change its background color like this: .custom-foote…

Thanks for your reply! So I tried to add your code, but it didn’t work. So I added this, but it only changed the pink area, not the highlighted area I wanted to change. .custom-footer-class { /* Replace with the actual class or ID of your footer */ background-color: #f5f5f5 !important; /* Chan…

This? [Screenshot 2025-05-27 at 12.22.01 PM.png] .shopify-section-group-footer-group { background: red; } As for additional social link – this will require editing section Liquid code which I do not have access to.

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

Store Design

poshpush May 27, 2025, 12:28am 8

Hello, Thanks for reply, so I added this code, but it only applied to this pink area. I wanted to change the highlighted area which is the white background.

How do I change the highlighted area?

Topic		Replies	Views
How to change the color of social media icons in the footer Store Design design , footer , css	4	83	June 19, 2024
Change the background color and hover color of the social media icons ( Shopify Ware Theme ) Store Design menu , liquid , design , customizations , footer , css , shopify-themes , html	6	71	March 25, 2025
How to add a custom SNS icon and link in the footer area from the purchased section? Store Design liquid , design , customizations , footer , landing-page , css , html	2	49	May 30, 2025
How can I alter the footer color in the Dawn theme? Store Design	5	97	November 1, 2022
How can I assign a social banner to my footer in Dawn? Store Design design , customizations , footer , css , shopify-themes	9	400	February 16, 2023

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

Related topics