Change background colours in narrative theme

Solved
annyeryn29
Tourist
21 0 7

Currently moving my ecommerce to Shopify from Square Space & finding it very frustrating at the lack of editing options

Trying to change the rich text section "WELCOME TO ANNY & ERYN" to a green background with white text. Would also like to reduce the padding/margins between the sections. Finding it hard to identify the section ids with the inspection tool.

Can anyone advise? I'd be very grateful

 

https://annyanderyn.myshopify.com/

0 Likes
Pallavi
Shopify Expert
1269 174 209

Hello There,

Please share your store  password.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
annyeryn29
Tourist
21 0 7

Thanks so much

Didn't realise it had a PW. Try "baoshe"

Pallavi
Shopify Expert
1269 174 209

This is an accepted solution.

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid and paste this at the bottom of the file:

div#shopify-section-rich-text {
background-color: green!important;
}
h2.rich-text__heading.separator.h1.has-animated {
color: white!important;
}
.rich-text__body-text.rich-text__body-text--large.rte-setting {
color: white!important;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
annyeryn29
Tourist
21 0 7

That's fantastic!! Thank you

Can I be cheeky & ask how I would make the height of the green section smaller (tighter to text?)

Pallavi
Shopify Expert
1269 174 209

This is an accepted solution.

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid and paste this at the bottom of the file:

 

@media only screen and (min-width: 750px){
.rich-text {
padding-bottom: 50px!important;
padding-top: 50px!important;
}
}
.rich-text {
padding-top: 50px!important;
padding-bottom: 50px!important;
}

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
annyeryn29
Tourist
21 0 7

You are a legend Pallavi.

Thank you so much for your help

Pallavi
Shopify Expert
1269 174 209

Kindly feel free to get back to me if you need any further assistance Thanks!

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes