Background image transparency not working

  • mechx1

    (@mechx1)


    8 years, 2 months ago

    I have set background transparency using the slide controls, and inspection shows that the code is there, but it is not working. Our Theme is Avia from Enfold

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author simonpedge

    (@simonpedge)

    8 years, 2 months ago

    Sorry, I cannot view that page – it is password protected.

    Thread Starter mechx1

    (@mechx1)

    8 years, 2 months ago

    Thank you for your response, is there a way that I can send you an access combo?

    Plugin Author simonpedge

    (@simonpedge)

    8 years, 2 months ago

    You can send me an email by completing the contact form at the bottom of this page: http://edgewebpages.com/

    Plugin Author simonpedge

    (@simonpedge)

    8 years, 2 months ago

    Hi, there is not actually an option within CSS to set the transparency of a ‘background-image’ as far as I’m aware. You can set the transparency for a background colour, e.g.
    background-color:rgba(255,255,255,0.5)

    You can set transparency for normal images ( tag) using CSS ‘opacity’, but this cannot be done for background images. You can set the opacity for the whole slide container using this:
    #SLIDER_ID .owl-stage .owl-item .sa_hover_container { opacity:0.5 !important; }
    (replace #SLIDER_ID with your slider ID)
    But this also make the foreground content opaque.

    My suggestion would be to convert the background images to PNG format, and edit them within an image editor, making the images semi-transparent.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Background image transparency not working’ is closed to new replies.