How To Add Background Color To A Section On Shopify
Let’s use Custom CSS to add background color to a section on Shopify. Learn how to enhance your Shopify store's visual appeal by adding background color to a sections 🎨
Sometime we want more options than we are given in Shopify’s Color Scheme. This tutorial demonstrates how to change the background color to a specific section without affecting the entire store's background using Custom CSS, no need to touch the code editor.
CSS Code:
.rich-text {background: #000;}
.image-with-text {background: #000;}
.multicolumn {background: #000;}
.newsletter__wrapper {background: #000;}
Let's dive in and unleash your creativity, You Got This!
Timestamps:
00:00 Intro
00:21 How to add background color to the Rich Text section
03:07 How to add background color to the Image with Text section
05:10 How to add background color to the Multi Column section
06:15 How to add background color to the Newsletter section
09:22 Bloopers- You have to laugh at yourself 🤣
🎥 Video you may want to watch:
How to add drop shadow to specific headings • How to Add Drop Shadows to Specific Headin...
⚞⚞⚞⚞⚞☕️ ABOUT ☕️⚟⚟⚟⚟⚟
Learn how to create & customize your Shopify website. Subscribe to be notified when a new video is released. I pledge to keep the tutorials simple, short, and helpful! 🤗
I’m a self-taught web designer, super-nerd, and a Shopify partner. Owner of Betsy Lugo Creative ☕ I drink an insane amounts of coffee 📺 I watch way to much Netflix ✈️ I love to travel.
🗪 Let’s connect:
👉🏽 Subscribe to the channel / @bl_creative
👉🏽 Say hi on Insta / betsy_oficial
👉🏽 Let's chat on Threads http://www.threads.net/@betsy_oficial
👉🏽 Follow Pinterest for ideas / bl_creative
👉🏽 Work with me www.betsylugo.com
#shopifycustomcss #shopifytutorial #ecommercewebsite