Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • September 18, 2016 at 3:06 pm #688127
    thatkidaathi

    Hey There,
    I’m working on a website, and I would like to use a image in the footer, but with the image you can’t really read the content of the footer, so I wanted to add a black overlay. but it’s not really working.

    This is the css I have added:

    #footer {
opacity: 1;
background-color: #000;
background: rgba(0, 0, 0, 5) url(https://wl58www297.webland.ch/wp-content/uploads/2016/09/40287914_ml.jpg) repeat top left;
}

    Could you please help me?
    Cheers,
    Aathi

    September 18, 2016 at 7:23 pm #688172
    Vinay

    Hey Arthith,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    #footer:before{
  position: absolute;
  content:" ";
  top:0;
  left:0;
  width:100%;
  height:100%;
  display: none;
  z-index:0;
    background-color: rgba(0,0,0,0.5);
  display: block;
}
#footer {
    background: url(https://wl58www297.webland.ch/wp-content/uploads/2016/09/40287914_ml.jpg) cover top left;
}

    Best regards,
    Vinay

    September 19, 2016 at 12:44 pm #688429
    thatkidaathi

    Hey I tried you css but now it’s just a grey background without the image…

    September 20, 2016 at 7:05 am #688963
    Vinay

    Hi,

    Deactivate any caching plugin until the css changes are done.

    Right now it is loading the below code for footer

    #footer {
    background: url(//wl58www297.webland.ch/wp-content/uploads/2016/09/40287914_ml.jpg) cover top left;
}

    Replace the earlier #footer code i provided with the below one

    #footer {
    background: url(https://wl58www297.webland.ch/wp-content/uploads/2016/09/40287914_ml.jpg) cover top center!important;
}

    Best regards,
    Vinay

    September 20, 2016 at 10:07 am #689036
    thatkidaathi

    nope still not working :/

    September 20, 2016 at 10:07 am #689037
    thatkidaathi

    i have no plugins installed..

    September 20, 2016 at 9:15 pm #689530
    Vinay

    Hi,

    We need to take a closer look. Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    Login credentials include:

    • The URL to the login screen.
    • A valid username (with full administration capabilities).
    • As well as a password for that username.
    • permission to deactivate plugins if necessary.

    Best regards,
    Vinay

    September 20, 2016 at 9:19 pm #689536
    thatkidaathi

    Great Thanks, here are the login data.

    September 23, 2016 at 3:07 pm #690798
    Vinay

    Hi,

    Thank you for the credentials, I am unable to view the backend as the credentials you provided do not have admin rights. PLease choose the user role as ADMIN and re-send the credentials so we can take this further.

    Best regards,
    Vinay

    September 23, 2016 at 10:03 pm #691030
    thatkidaathi

    never mind i figured out a different method. Thank you nevertheless :)

    September 24, 2016 at 9:32 am #691114
    Vinay

    Hi,

    Glad you found a workaround, If you have any question please feel free to reach out to us. We would love to help you!

    Thank you for using enfold.

    Best regards,
    Vinay

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Footer Background Image Overlay’ is closed to new replies.