Solved

Change background color on testimonials - Debut theme

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)
oscprofessional
Shopify Partner
15830 2369 3072

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...

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing

View solution in original post

Replies 12 (12)

oscprofessional
Shopify Partner
15830 2369 3072

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

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
japonojapono
Excursionist
20 0 5

Sure, sorry about that,

the store password is: test

oscprofessional
Shopify Partner
15830 2369 3072

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

#shopify-section-1600081807188 {
    background-color: #f3f3f3;
}
Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
japonojapono
Excursionist
20 0 5

It didn't work unfortunately. 

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

 

oscprofessional
Shopify Partner
15830 2369 3072

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...

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
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
15830 2369 3072

Hi @SolComp ,

share your issue with URL...

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
SolComp
New Member
5 0 0

@oscprofessional 

 

Sorry I forgot to share URL! sol-computer-inc.myshopify.com password: test

 

Thanks for the help! 

oscprofessional
Shopify Partner
15830 2369 3072

@SolComp ,

div#shopify-section-quotes {
    background: #00000047;
}

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

Note : Change the color according to you !

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
SolComp
New Member
5 0 0

@oscprofessional 

 

It worked! Thank you so much for the help I really appreciate it!