FROM CACHE - en_header

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
12576 1937 2488

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

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing

View solution in original post

Replies 12 (12)
oscprofessional
Shopify Partner
12576 1937 2488

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

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
japonojapono
Excursionist
20 0 5

Sure, sorry about that,

the store password is: test

oscprofessional
Shopify Partner
12576 1937 2488

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

#shopify-section-1600081807188 {
    background-color: #f3f3f3;
}
Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | 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
12576 1937 2488

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

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | 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
12576 1937 2488

Hi @SolComp ,

share your issue with URL...

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | 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
12576 1937 2488

@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 !

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
SolComp
New Member
5 0 0

@oscprofessional 

 

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