Editing footer size

Solved
ThomasShopi
New Member
2 0 1

Hello,

 

I am currently working on my new website.  ( www.air-bender.nl )

As you can see, the footer is quite big. I would want to make this smaller.

How can I edit the size of my footer? I have read multiple forum threads, but I can't seem to find the answer.

 

I am not a pro at coding, so please be very specific haha.

 

Thomas

 

 

Accepted Solutions (2)

Accepted Solutions
PageFly
Shopify Partner
1932 268 1411

This is an accepted solution.

Hey @ThomasShopi,

 

You can try this code:

.site-footer__hr{
margin: 0!important
}

What you need to do is to add the code to the bottom of the theme's CSS file. For many theme, it's named theme.scss.liquid.

To find this file, from your Shopify Admin > Online Store > Themes >  Actions > Edit Code. 

PageFly - Advanced Shopify Page Builder - Empowering 100.000+ active merchants.

Check our Evergreen List of Best Platforms To Sell Online.

View solution in original post

KetanKumar
Shopify Partner
24919 2495 9027

This is an accepted solution.

@ThomasShopi 

Thanks for post 

if you like more small your footer

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

site-footer {
padding-bottom: 0;
    padding-top: 15px;
.site-footer__hr {
display: none;
}
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 4 (4)
PageFly
Shopify Partner
1932 268 1411

This is an accepted solution.

Hey @ThomasShopi,

 

You can try this code:

.site-footer__hr{
margin: 0!important
}

What you need to do is to add the code to the bottom of the theme's CSS file. For many theme, it's named theme.scss.liquid.

To find this file, from your Shopify Admin > Online Store > Themes >  Actions > Edit Code. 

PageFly - Advanced Shopify Page Builder - Empowering 100.000+ active merchants.

Check our Evergreen List of Best Platforms To Sell Online.

View solution in original post

KetanKumar
Shopify Partner
24919 2495 9027

This is an accepted solution.

@ThomasShopi 

Thanks for post 

if you like more small your footer

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

site-footer {
padding-bottom: 0;
    padding-top: 15px;
.site-footer__hr {
display: none;
}
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

ThomasShopi
New Member
2 0 1

Hi Victor, thanks a lot!

I entered the code and it worked.

 

Now I would like to make the footer a bit smaller. (see image)

Is it possible to change the dimensions to a few pixels smaller?

 

Schermafbeelding 2020-05-13 om 13.48.29.png

Bianca03
New Member
2 0 0

I tried this as well but it did not work. I am using the minimal theme. Should i just switch to another theme?