Change background color on testimonials - Debut theme

Solved
japonojapono
Excursionist
20 0 5

Hey there, I was wondering if it was possible to change the background color on my testimonials section in Shopify.

This is my store:

https://test66tvt5.myshopify.com

Store password: test

I want to change the background color on my testimonials section from white (#ffffff) to light grey (#f3f3f3)

Thank you for your help,
Stay safe and have a great day!

Accepted Solution (1)

Accepted Solutions
oscprofessional
Shopify Partner
9218 1566 1935

This is an accepted solution.

Hello @japonojapono 

Add this css at the bottom of following path

Online Store->Theme->Edit code->Assets->theme.scss.liquid

.main-content #shopify-section-1600081807188 {
	background: #f3f3f3;
	padding: 30px 0;
	display: block;
	overflow: hidden;
}

Changes looks like attached screenshot please refer for your reference

Pictures2020-09-14_19-04_Z test.jpg

Hope this is work for you.

Thanks...

If helpful then please Like and Accept Solution. Want to Speed up your Shopify Website Guranteed result Whats app
| Hire us
| Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
For Quick Chat | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87

View solution in original post

Replies 12 (12)
oscprofessional
Shopify Partner
9218 1566 1935

Hello japonojapono,
Your site is password protected.
Can you share your store password?

If helpful then please Like and Accept Solution. Want to Speed up your Shopify Website Guranteed result Whats app
| Hire us
| Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
For Quick Chat | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
japonojapono
Excursionist
20 0 5

Sure, sorry about that,

the store password is: test

oscprofessional
Shopify Partner
9218 1566 1935

Hello japonojapono,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.css.liquid

#shopify-section-1600081807188 {
    background-color: #f3f3f3;
}
If helpful then please Like and Accept Solution. Want to Speed up your Shopify Website Guranteed result Whats app
| Hire us
| Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
For Quick Chat | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
japonojapono
Excursionist
20 0 5

It didn't work unfortunately. 

Here's a referenceShopify---testimonials-section-01.jpg

 

oscprofessional
Shopify Partner
9218 1566 1935

This is an accepted solution.

Hello @japonojapono 

Add this css at the bottom of following path

Online Store->Theme->Edit code->Assets->theme.scss.liquid

.main-content #shopify-section-1600081807188 {
	background: #f3f3f3;
	padding: 30px 0;
	display: block;
	overflow: hidden;
}

Changes looks like attached screenshot please refer for your reference

Pictures2020-09-14_19-04_Z test.jpg

Hope this is work for you.

Thanks...

If helpful then please Like and Accept Solution. Want to Speed up your Shopify Website Guranteed result Whats app
| Hire us
| Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
For Quick Chat | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87

View solution in original post

japonojapono
Excursionist
20 0 5

Thank you so much!

It worked

Moriah_Mattix
Tourist
6 0 2

Hi! Where do you add this code at within the theme.css? I don't have the liquid version just theme.css and them.js under Assets. Thank you for your help.

SolComp
New Member
5 0 0

Hi @oscprofessional 

I have Debut theme and I tried adding this css at the bottom of Online Store -> Theme -> Edit Code -> Assets -> theme.ccs (I do not have theme.scss.liquid option)

and it did not change the color of the testimonials section. Is this code specific for this persons website? How am I able to change it on mine?

Thanks!

oscprofessional
Shopify Partner
9218 1566 1935

Hi @SolComp ,

share your issue with URL...

If helpful then please Like and Accept Solution. Want to Speed up your Shopify Website Guranteed result Whats app
| Hire us
| Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
For Quick Chat | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87