edit Size background color to footer

Solved
Highlighted
Tourist
6 0 1

Hello,
After multiple research I did not find the answer on the forum.

I would like to change the height of the footer (the background).

Thanks for your help.

below the site link:

https://smyriam.myshopify.com/

 

 

Capture.JPG

1 Like
Highlighted
Shopify Partner
4798 709 1516

Thanks @claw75 

Welcome to the Shopify community!

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-top: 0;
}
.site-footer__item:last-of-type {
margin-bottom: 0;
}
.site-footer__hr {
margin-top: 25px;
}
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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
6 0 1

 

Thank you for your answer there is a better.
Can I reduce the top and bottom margins of the text more?

As well as on the mobile version.

 

Capture.JPG

mobile.JPG

0 Likes
Highlighted

@claw75 Please add this css

.site-footer__hr {
    margin-top: 5px;
    margin-bottom: 5px;
}
.site-footer h4, .site-footer .h4{
    margin-bottom: 0;
}
media only screen and (min-width: 750px)
.site-footer {
    padding-bottom: 5px;
}
}
For Design, Development and custom changes Hire Me.
If your problem solved then Like & Accept this Solution.
Email ID: einsteinnephew@gmail.com
Skype: einsteinnephew.ens1
0 Likes
Highlighted
Tourist
6 0 1

I added your code in the css, but I did not notice any modifications.

below the end of my css code:

 

 

.site-footer {
padding-top: 0;
}
.site-footer__item:last-of-type {
margin-bottom: 0;
}
.site-footer__hr {
margin-top: 25px;
}

.site-footer__hr {
    margin-top: 5px;
    margin-bottom: 5px;
}
.site-footer h4, .site-footer .h4{
    margin-bottom: 0;
}
media only screen and (min-width: 750px)
.site-footer {
    padding-bottom: 5px;
}
}
0 Likes
Highlighted

I cannot see these css in the site, where you have added this?

btw I have requested for access please provide that.

For Design, Development and custom changes Hire Me.
If your problem solved then Like & Accept this Solution.
Email ID: einsteinnephew@gmail.com
Skype: einsteinnephew.ens1
0 Likes
Highlighted
Shopify Partner
4798 709 1516

@claw75 

please added below code don't remove previous code 

.site-footer {
    padding-bottom: 10px;
}
.site-footer h4, .site-footer .h4 {
margin-bottom: 0;
}
.site-footer__hr {
    margin-top: 5px;
    margin-bottom: 10px;
}
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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
6 0 1

hello

Hello

after applying only the code below the result is almost ok
I would just still like to be able to reduce the margins between the lines on mobile.

 

.site-footer {
padding-top: 0;
}
.site-footer__item:last-of-type {
margin-bottom: 0;
}
.site-footer__hr {
margin-top: 25px;
}

.site-footer {
    padding-bottom: 10px;
}
.site-footer h4, .site-footer .h4 {
margin-bottom: 0;
}
.site-footer__hr {
    margin-top: 15px;
    margin-bottom: 10px;
}

mobil footer marge.JPG

 

However I did not understand the interest of the following code (it puts me loading errors) Could you explain to me?

 

.site-footer__hr {
    margin-top: 5px;
    margin-bottom: 5px;
}
.site-footer h4, .site-footer .h4{
    margin-bottom: 0;
}
media only screen and (min-width: 750px)
.site-footer {
    padding-bottom: 5px;
}
}

Thank you for your help and your responsiveness.

 

 


 

0 Likes
Highlighted
Shopify Partner
4798 709 1516

ok can you please send staff account request i will on code 

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
6 0 1

How do I do this?


@KetanKumar wrote:

ok can you please send staff account request i will on code 


 

0 Likes