Footer Section Transparent

Public Ticket #6116

Conversation thread

PenciDesign replied

7 years ago

Staff Reply

Hi,

If so, please try with this code:

#footer-section{ position: relative; }
#footer-section > .container{ position: relative; z-index: 3; }
#footer-section:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #7c9915;
    opacity: 0.7;
    z-index: 1;
}

Best Regards,

PenciDesign

umair replied

7 years ago

Customer Reply

I don't need to have on widget, I just need it on the last footer section (privacy policy)

PenciDesign replied

7 years ago

Staff Reply

Hi,

Please try add more this code to Customize > Custom CSS to do that:

#widget-area:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #aaaa4c;
    opacity: 0.7;
    z-index: 1;
}

Change color code #aaaa4c to any color code as you want. You can get a color code here

Change value 0.7 on the above code to transparent value as you want.

Best Regards,

PenciDesign

umair started the conversation

7 years ago

Conversation Start

I removed the footer section background image and tried to have my own image but the color doesn't have the opacity to show the image.

How to add the opacity to footer section background color?

Want to join this conversation or access attachments? Sign in first.