FROM CACHE - en_header
Promotion image

Need to invert the background on Motion theme section

Solved

Need to invert the background on Motion theme section

carsonj
Tourist
14 0 1
‎01-08-2024 12:00 AM

I'd like to change the background of the section "text columns with icons". I need a contrast on my homepage and the Motion theme doesn't directly let you change it without changing the entire site's color. I've been searching on youtube and stuff for like 3 hours and can't find a code or anything. Please help. 

Labels:
2,255 Views
0 Likes
Report
Accepted Solution (1)
In response to carsonj

Moeed
Shopify Partner
7073 1903 2332
‎01-08-2024 11:02 AM

This is an accepted solution.

Hey @carsonj 

 

The issue has been fixed on the home page, you may check it out!

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp ✅

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

1,827 Views
1 Like
Report
Replies 18 (18)

carsonj
Tourist
14 0 1
‎01-08-2024 12:32 AM

---Extra info---

it also doesn't specifically need to be inverted, I just want to change the background color to black.

2,207 Views
0 Likes
Report

Moeed
Shopify Partner
7073 1903 2332
‎01-08-2024 12:49 AM

Hey @carsonj 

 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp ✅

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


2,202 Views
0 Likes
Report
In response to Moeed

carsonj
Tourist
14 0 1
‎01-08-2024 01:03 AM

yeah for sure, the url is https://aresie.com/

I'm looking to change the background where the "free shipping, secure payments, and hassle free returns" box is. Thanks so much for replying.

2,199 Views
0 Likes
Report
In response to carsonj

Moeed
Shopify Partner
7073 1903 2332
‎01-08-2024 01:14 AM

Hey @carsonj 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
div#shopify-section-template--14985547481222__0fe41d33-13a0-44ef-bbbd-de77b0a07192 .section--divider {
    background: black !important;
}
.text-with-icons__block-title h3 {
    color: white !important;
}
.text-with-icons__block-text p {
    color: white !important;
}
#shopify-section-template--14985547481222__0fe41d33-13a0-44ef-bbbd-de77b0a07192 .icon {
    color: white !important;
}
</style>

RESULT:

Moeed_0-1704694466289.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp ✅

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


2,188 Views
0 Likes
Report
In response to Moeed

carsonj
Tourist
14 0 1
‎01-08-2024 01:24 AM

I must be doing something wrong. I did it and it just turns the text white. i entered it above the <body>. Should i create a new line for it? Or enter it on line 127? Sorry for my dumbness. Could you send a screenshot of the exact code entered into the theme.liquid?

2,181 Views
0 Likes
Report
In response to carsonj

Moeed
Shopify Partner
7073 1903 2332
‎01-08-2024 01:28 AM

Hey @carsonj 

 

You need to add the code in the end of theme.liquid file above "</body>" not above "<body>" 

 

Best Regards,

Moeed

- Need a Shopify Specialist? Chat on WhatsApp ✅

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


2,175 Views
0 Likes
Report
In response to Moeed

carsonj
Tourist
14 0 1
‎01-08-2024 01:30 AM

sorry didn't specify. That's what I meant, I put it above "</body>" and the box is still white along with the text.

2,155 Views
0 Likes
Report
In response to carsonj

Moeed
Shopify Partner
7073 1903 2332
‎01-08-2024 01:32 AM

Hey @carsonj 

 

Can you share a screenshot of the code you added or if you want I can send a collaborator request as well to fix the issue myself. Let me know whatever is more suitable for you!

 

Best Regards,

Moeed

- Need a Shopify Specialist? Chat on WhatsApp ✅

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


2,112 Views
0 Likes
Report
In response to Moeed

carsonj
Tourist
14 0 1
‎01-08-2024 01:51 AM

Yep! Here's with the code you provided. 

2,078 Views
0 Likes
Report
In response to carsonj

carsonj
Tourist
14 0 1
‎01-08-2024 01:52 AM

Oh wait, it didnt go through.Screenshot 2024-01-08 at 12.50.39 AM.png

2,077 Views
0 Likes
Report
In response to carsonj

Moeed
Shopify Partner
7073 1903 2332
‎01-08-2024 01:56 AM

Hey @carsonj 

 

Try adding the same code right below "<head>" or above "</head>" in theme.liquid file and let me know. If that doesn't works as well then I can send a collaborator request to check the issue.

 

Best Regards,

Moeed

- Need a Shopify Specialist? Chat on WhatsApp ✅

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


2,074 Views
0 Likes
Report
In response to Moeed

carsonj
Tourist
14 0 1
‎01-08-2024 02:36 AM

Hey, tried putting it there and it made the header and all the text the same as the background so didn't work. Thanks so much for ur help, I'll keep playing around with to see if it'll work somewhere else. I'd greatly appreciate it if you sent it to the collaborator, thanks!

1,917 Views
0 Likes
Report
In response to carsonj

Moeed
Shopify Partner
7073 1903 2332
‎01-08-2024 02:44 AM

Can you give me the collaborator request code so I can send the request?

- Need a Shopify Specialist? Chat on WhatsApp ✅

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


1,915 Views
0 Likes
Report
In response to Moeed

carsonj
Tourist
14 0 1
‎01-08-2024 10:29 AM

Yeah, sorry didn't know how that worked. Here it's 0282

1,865 Views
0 Likes
Report
In response to Moeed

carsonj
Tourist
14 0 1
‎01-08-2024 10:58 AM

Hey I accepted the request awhile ago. Were you able to get in?

1,830 Views
0 Likes
Report
In response to carsonj

Moeed
Shopify Partner
7073 1903 2332
‎01-08-2024 11:02 AM

This is an accepted solution.

Hey @carsonj 

 

The issue has been fixed on the home page, you may check it out!

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp ✅

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


1,828 Views
1 Like
Report
In response to Moeed

carsonj
Tourist
14 0 1
‎01-08-2024 11:04 AM

Moeed i love u so much. ur literally him.

1,825 Views
0 Likes
Report
In response to carsonj

Moeed
Shopify Partner
7073 1903 2332
‎01-08-2024 11:04 AM

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

- Need a Shopify Specialist? Chat on WhatsApp ✅

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


1,823 Views
0 Likes
Report

Community Blog Articles

shopp-e-1741972742895593780274096851.png
Canadian merchants: Update account details by March 24, 2025 to continue us...

Shopify and our financial partners regularly review and update verification requiremen...

By Jacqui Mar 14, 2025
Shopify_0-1741780029041.png
New learning path from Shopify Academy: How to create a digital marketing s...

Unlock the potential of marketing on your business growth with Shopify Academy's late...

By Shopify Mar 12, 2025
CRO-Community-Promo.jpg
Expert insights on conversion rate optimization (CRO) from Shopify Academy ...

Learn how to increase conversion rates in every stage of the customer journey by enroll...

By Shopify Mar 5, 2025
Terms of Service Privacy Policy