Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #1831837
Footer Section Transparent
Closed

Comments

  • umair started the conversation

    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?

  •  2,699
    PenciDesign replied

    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 replied

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

  •  2,699
    PenciDesign replied

    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