Hi guys! I was wondering if it was possible to edit the code in a way that it would be possible to change the paddings, margins and blocks of the website, since I find them kind of annoying and unsuitable. Hope anyone could help me find the passages in the code.
I am using the Debut Theme and here is my store: https://fitness-sleeves.myshopify.com/ (PW: ohthau)
Looking forward to a possible solution and thanks in advance!
Hi @dano3333
Specifically, what part of the page do you want to edit?
I am trying to edit the background of the Testimonial Section.
Hi @dano3333 Do you want to add a background or want to reduce the distance between the Testimonial section and the section above and below it.
Hi @Henry_dev I only want to add a background color to the Testimonial section.
What is the color code you want to add to the background?
The color code is #848484
Yes. That looks quite good, I am trying to get it to look like the Testimonial section of the Oodie.
Hi @dano3333 You see follow below.
Follow below steps.
Go to your shopify admin.
Left side bar click on the online store.
You will see the list of theme. On live theme click on “action”. and click on “edit code”.
Now you will see the list of file. find the file “theme.scss.liquid” open this file and add below code very bottom the file.
#shopify-section-quotes {
background-color: #848484;
}
That worked, thanks a lot!! Now how can you change the margin of that grey box? By adding margin-top and margin-bottom commands?
Hi @dano3333 Do you want to increase or decrease the margin?
Increase it. Manly on the bottom.
Hi @dano3333 You can add this code
#shopify-section-quotes {
padding-top: 55px;
}
Thank you very much for your help!