Solved

Need to invert the background on Motion theme section

carsonj
New Member
11 0 0

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. 

Accepted Solution (1)
Moeed
Shopify Partner
3927 995 1242

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


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

View solution in original post

Replies 18 (18)

carsonj
New Member
11 0 0

---Extra info---

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

Moeed
Shopify Partner
3927 995 1242

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


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
carsonj
New Member
11 0 0

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.

Moeed
Shopify Partner
3927 995 1242

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


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
carsonj
New Member
11 0 0

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?

Moeed
Shopify Partner
3927 995 1242

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


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
carsonj
New Member
11 0 0

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

Moeed
Shopify Partner
3927 995 1242

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


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
carsonj
New Member
11 0 0

Yep! Here's with the code you provided. 

carsonj
New Member
11 0 0

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

Moeed
Shopify Partner
3927 995 1242

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


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
carsonj
New Member
11 0 0

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!

Moeed
Shopify Partner
3927 995 1242

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

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
carsonj
New Member
11 0 0

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

carsonj
New Member
11 0 0

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

Moeed
Shopify Partner
3927 995 1242

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


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
carsonj
New Member
11 0 0

Moeed i love u so much. ur literally him.

Moeed
Shopify Partner
3927 995 1242

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


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️