Hello all, I am trying to make the footer on my homepage translucent. Is there any way to do this? Thank you!
1 Like
password: aloe
Is this you like to get? to make background the video? that is why youll like to make it transparent the footer? If it is then try this.
- From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
- Find the theme that you want to edit and click on “Actions” and then “Edit code”.
- In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
footer.footer.color-background-1.gradient.section-sections--20689425236285__footer-padding {
background: transparent;
}
.videoBox {
margin-bottom: -140px;
}
- And Save.
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
1 Like
That worked great to get the email box section translucent! Thank you. Is there any way to make the very bottom part, with the “2023 Shortcomings Powered by Shopify”, translucent or smaller?
1 Like
Yes, Increase the margin-bottom. but dont delete anything only change the number.
margin-bottom: -200px;
Got it, thank you. I think the issue is with my video background not reaching the bottom of the screen. Is there any way to make my video fill the entire webpage?
Still not fill all homepage?
On my side it already fill.
Do you like to remove the line? on the footer?
Im sorry, I cant replicate that problem. I open in incognito chrome and mozilla. Still cant see the problem.
Hey Ribe, I just got to my home PC and I notice the white line on the top of where the footer would be. Any way to remove that?
1 Like
Hi, Do you still see the vacant space in the footer? Which white line you like to remove is this one?
I ask you last night if you like to remove. Try this one.
Paste it on your section-footer.css
.footer__content-bottom.scroll-trigger.animate--slide-in {
border-top: none;
}
And Save.
I hope it help.
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
Thank you for your response! Unfortunately, pasting that code into section-footer.css doesn’t appear to have solved the issue. Any other ideas?
1 Like
Can you try again in the theme.liquid file, paste before the tag.
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
1 Like
Man you are amazing, thank you so much for all your help so far!
1 Like
Your welcome. 
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!