How to add background image on footer

  • Dear Marsian & Team,
    Firstly, thank you for the great themes! I am using the free version of i-excel. It’s great, Now I am thinking to add the Background Image on Footer menu behind with 70% Transparent.

    Can you please share some steps with the code so that I am able to add.

    For more info, you can check my screencast where I need this
    2018-09-27_1108

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Anonymous User 16453565

    (@anonymized-16453565)

    hello, @girishsati

    To add the image in your footer section you just need to add below CSS code
    into your stylesheet or you can also add this code into your additional CSS from theme customizer.

    .footer-bg {
	 background: linear-gradient( rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)) ,
	 url('YourImage.jpeg');
	 /*add your desire image src path here.*/
    background-size: cover;
    width: 100%;
    height: auto;
}

.site-footer .sidebar-container {
	background:none !important;
}

    Hope this will helps you.
    Thanks.

    Thread Starter Girish

    (@girishsati)

    Hello,
    Thanks for this but it`s not working.

    i have done below things in my main CSS file.

    .footer-bg {
    background: linear-gradient( rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)) ,
    url(‘https://www.xyz.in/wp-content/uploads/2018/09/footer-bg.jpg’);
    /*add your desire image src path here.*/
    background-size: cover;
    width: 100%;
    height: auto;
    }

    .site-footer .sidebar-container {
    background:none !important;
    }

    can you please check and update

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to add background image on footer’ is closed to new replies.

Tags