Re: How to add a background color to a section in MOTION theme?

How to add a background color to a section in MOTION theme?

jakeirishvideo
Excursionist
24 0 6

This has been a question I've been trying to figure out for weeks now, so I guess I'll turn to the community! I need to add color to some of my section backgrounds as it feels like everything is clashing on some of my pages. Separating sections with color is essential for my store. If anyone could please help, that would be amazing! My store is https://fpvluts.com

Another side question I have always had was how can I implement a "Shop Now" button in my header or footer? I saw someone with Motion theme do this. The button was a different color from the theme's button colors, so I am curious as to how I could test this out.

Thank you!

Replies 7 (7)

ErSanjay
Shopify Partner
334 20 49

you can add css into theme code asset/theme.scss.liquid  

#shopify_section_545435 {
 backgound-color:green;
}

 

this a the basic way to add custom style to your website. 

Business Owner & Shopify Plus, Shopify app , Shopify Consultant - Full Stack Sofware Engineer
Warm regards,
Er Sanjay

If you find yourself in need of assistance with your store, don't hesitate to reach out! Feel free to send me a direct message, and I'll do my best to help you out.
jakeirishvideo
Excursionist
24 0 6

Sorry I am not the best with adding code. I don't seem to have a "theme.scss.liquid". also, how do you identify what the #Shopify section number is?

Thank you for your response.

jakeirishvideo
Excursionist
24 0 6

Just checking back. Willing to pay. @ErSanjay 

ParthBhut
Shopify Partner
141 33 52

Hi @jakeirishvideo 

can you please share a screenshot of which section background color you want to change?

Also regarding the "Shop Now" button can you show me a reference site so i can tell you how to do it.

 

Best Regards

Parth Bhut

............................................................................................................................

If my answer was helpful please Like and Accept my post as the Solution
Need help customizing your store? Contact me on email at parth.bhut143@outlook.com

ErSanjay
Shopify Partner
334 20 49

@jakeirishvideo  let's DM me details.

Business Owner & Shopify Plus, Shopify app , Shopify Consultant - Full Stack Sofware Engineer
Warm regards,
Er Sanjay

If you find yourself in need of assistance with your store, don't hesitate to reach out! Feel free to send me a direct message, and I'll do my best to help you out.
MattBris
Tourist
11 0 3

Hi. Sorry to bump an old thread, but I'd love to know the answer to this too. How can we identify section names?

posturepro
Tourist
29 0 3

Did you ever receive an answer to this question?