Lowering slideshow in debut!

Excursionist
41 0 2

 Hello everyone!

 

Can anyone help me lower my slideshow so that it fits just above my footer? 

 

My website is www.petgrotto.com

 

here is a photo:

 

abc.jpg

0 Likes

Hi @Konthy 

 

Are you comfortable editing your theme files?

 

If so,

  1. Go to Online Store > Themes in your Shopify Admin
  2. On your live theme select Actions > Edit Code
  3. Search for index.liquid
  4. Put this at the bottom of the file:
    <style>
    footer.site-footer { margin-top:0px;}
    </style>
  5. Save
  6. Open your homepage to test it
  7. Come back here to confirm this solved your problem

Enjoy!



Problem Solved? ✅ Accept the solution so you can help others.

Confused? Busy? ? Let me solve it for you: rumen@rumendimitrov.com

Buy me a coffee? ☕ paypal.me/braiv

Want to increase revenue? $ First find where your store is leaking money rumendimitrov.com/bfcm/
1 Like
Shopify Partner
278 51 57

Hello 

footer.site-footer {
    margin-top: 0 !important;
}

 

Want to modify or custom changes on store hire me.
My Email: guleriathakur43@gmail.com
If helpful then please Like and Accept Solution.
If you happy and want to donate small, click here: Paypal
1 Like

Hello Konthy,

Please add below css

.template-index .site-footer {
	margin-top: 0;
}
Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Web Development
1 Like
Shopify Staff
Shopify Staff
768 75 150

Hey there, @Konthy 

 

Bo here from Shopify Support! 

 

I can definitely help with that, we just need to reduce the padding on the top of the footer. I can walk you through this process. This tutorial is specific to an unedited version of the Debut theme, released VERSION 14.3.1. We cannot guarantee results for themes that have been modified with custom coding and/or apps. We suggest hiring a Shopify Expert if you are not comfortable proceeding with the following tutorial, or wish to make any variations to this tutorial.

 

NB When editing the CSS of your theme it is always a good idea to duplicate your theme first and making the changes on the duplicate. This will prevent any errors from occurring on your live site. We also recommend adding CSS to the bottom of the file as opposed to altering the preexisting code. The new code will overwrite the previous code.

 

    1. Go to Online Store > Current Theme > Actions > Edit Code.
    2. Open the Assets folder > theme.scss.liquid.
    3. Scroll to the bottom of the file and paste the following code and click save: 
  .site-footer {
.padding-top: 0px; } 

 Let me know how this goes and if there is anything else I can assist you with, I'm happy to help!

 

All the Best,

Bo

Bo | Social Care @ Shopify
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

1 Like
Highlighted

So, did you get the effect you needed?



Problem Solved? ✅ Accept the solution so you can help others.

Confused? Busy? ? Let me solve it for you: rumen@rumendimitrov.com

Buy me a coffee? ☕ paypal.me/braiv

Want to increase revenue? $ First find where your store is leaking money rumendimitrov.com/bfcm/
0 Likes