Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

transparent footer & same whole site background image


Question

Site URL: https://www.ironboardecor.com

Site URL: https://www.ironboardecor.com

Hello,

I am looking for help. How can I:

  • make the footer transparent so the background image shows from top to bottom
  • make the background image I have on my home page into a whole site background image
    • while maintaining the color overlay and overlay transparency at %50 on the background image on whole site

 

Thank you so much to whoever helps!

pw: jengo

-Pete

Link to comment
  • Answers 3
  • Created
  • Last Reply

Top Posters For This Question

3 answers to this question

Recommended Posts

  • 0

Add to Design > Custom CSS

/* Footer transparent */
body.homepage {
    position: relative;
}
body.homepage footer#footer-sections {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 999;
    width: 100%;
}
body.homepage footer.sections section, body.homepage footer.sections .section-background {
    background: transparent;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0
5 hours ago, tuanphan said:

Add to Design > Custom CSS


/* Footer transparent */
body.homepage {
    position: relative;
}
body.homepage footer#footer-sections {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 999;
    width: 100%;
}
body.homepage footer.sections section, body.homepage footer.sections .section-background {
    background: transparent;
}

 

Thank you for the reply!

It made the footer transparent on the bottom of home page. How can I apply it to my store page and my faq page? Also how can I get the homepage background image onto store page and faq page?

Link to comment
  • 0
On 5/22/2021 at 9:46 PM, pandaprojectsusa said:

Thank you for the reply!

It made the footer transparent on the bottom of home page. How can I apply it to my store page and my faq page? Also how can I get the homepage background image onto store page and faq page?

Add this to Store Page & FAQ Page Header

<style>
  /* Footer transparent */
body {
    position: relative;
}
body footer#footer-sections {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 999;
    width: 100%;
}
body footer.sections section, body footer.sections .section-background {
    background: transparent;
}
</style>

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...