Shopify themes, liquid, logos, and UX
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!
Solved! Go to the solution
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
Hope this is work for you.
Thanks...
Hello japonojapono,
Your site is password protected.
Can you share your store password?
Sure, sorry about that,
the store password is: test
Hello japonojapono,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.css.liquid
#shopify-section-1600081807188 {
background-color: #f3f3f3;
}
It didn't work unfortunately.
Here's a reference
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
Hope this is work for you.
Thanks...
Thank you so much!
It worked
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.
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!
Hi @SolComp ,
share your issue with URL...
Sorry I forgot to share URL! sol-computer-inc.myshopify.com password: test
Thanks for the help!
@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 !
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024