How can I adjust padding and button colour in Debutify theme?

How can I adjust padding and button colour in Debutify theme?

HDWS
Tourist
6 0 3

Hi I have 2 issues.

1. I'm trying to adjust the padding between sections, I am running the Debutify theme, I don't know If this changes anything.

 

2. I am trying to adjust the colour of my Slide Show button, but I only want to change that one button colour.

 

Cheers!

Replies 4 (4)

ZestardTech
Shopify Partner
6096 1091 1465

Hello there,
1.the padding between sections in the Debutify theme, you can use the following CSS code:

div#shopify-section-section-id {
  padding-top: 50px;
  padding-bottom: 50px;
}

2.Replace "section-id" with the ID of the section you want to adjust the padding for. You can find the ID of each section by inspecting it using your browser's developer tools. Then, adjust the padding values to your desired amount.

3.To adjust the color of the Slide Show button in Debutify, you can use the following CSS code

.hero__slide-button {
  background-color: #your-color-code;
}

4.Replace "your-color-code" with the hex code of the color you want to use for the button. You can also use RGB or RGBA color codes. This code will only affect the Slide Show button and leave other buttons unaffected. If you want to change the color of other buttons, you can inspect them using your browser's developer tools and add more CSS code accordingly.

5.Once you have added the CSS code, you can go to "Online Store" > "Themes" > "Actions" > "Edit Code" in your Shopify admin dashboard, then click on "theme.scss.liquid" under the "Assets" folder and paste the CSS code at the bottom of the file. Finally, click on "Save" and refresh your website to see the changes.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
HDWS
Tourist
6 0 3

Hi, thanks for your help, but I was unable to get either of those solutions to fix our issue, it may just be that I am not doing this correctly. Am I able to jump on a call with someone?

HDWS
Tourist
6 0 3

Sorry mate! We got it to work! Thanks for your help!

ZestardTech
Shopify Partner
6096 1091 1465

Thank you for your response. It's good to know that it's worked for you. Kindly feel free to get back to me if you need any further assistance.
If helpful then please Like and Accept Solution.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing