Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #812302

    Hello, I have placed transparent png files as background images in Color Section boxes. Each time I do this it defaults to a white background instead of letting the transparency shine through. Can you help me figure this out?

    I am also having the same issue with the navigation background.

    Here is a link http://sugarbritcheswings.com/

    Thanks in advance!

    • This topic was modified 3 years, 1 month ago by  mammothbrian.
    #812355

    Hey Brian,

    You have to make sure each element is transparent. For example for the header add this to css:

    
    .header_color .header_bg{
    background-color:transparent!important;
    }

    What are the other sections

    Best regards,
    Jordan Shannon

    #812637

    Thanks so much! That worked there.

    I can’t seem to get it working for av_section_2, av_section_4, or av_section_6

    #812703

    Hi,
    Here’s a stab at it, but I’m really not sure if I’m targeting it right, for example, #av_section_6 is in your footer with the 3 widgets, if I make the area transparent the widget text is hard to read. Perhaps a screenshot would help us target the right areas :)

    #av_section_2, #av_section_4, #av_section_6 {
    background-color:transparent!important;
    }

    Best regards,
    Mike

    #813024

    Thanks Mike, its weird. It worked on _6, but not on the others. Below are two images where you can still see the white instead of the transparency.
    null

    Thanks again!

    • This reply was modified 3 years, 1 month ago by  mammothbrian.
    #813140

    Hi,

    That’s strange. Please provide admin info so we can log in and look into this issue further.

    Best regards,
    Jordan Shannon

    #814945

    Sorry, didn’t realize my post didn’t go through. Here you go.

    #815375

    Hi,
    I think I figured it out, the section with the word “Menu” This section has no background, behind the transparency. Try moving the elements in this section down to the next section so there is a background image to show though the transparency. See the screenshots, hope this makes sense :)
    postimage
    postimage

    Best regards,
    Mike

    #815431

    Thanks Mike, I was looking at it wrong… now that I am looking at it as there is nothing behind it I am able to get the tops working with -20px on the margin-top…. any ideas for the bottom?

    #815440

    Hi,
    That’s a good idea:

    #loveinit {margin-bottom: -20px!important; }

    Best regards,
    Mike

    #815444

    I tried that, but it cuts off the bottom of the background image that way.

    #815445

    Hi,
    Try adding this:

    #top #wrap_all #main .avia-no-border-styling {z-index: -5;}

    Best regards,
    Mike

    #815540

    Thanks for all of your help Mike!

    #815605

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    Best regards,
    Mike

Viewing 14 posts - 1 through 14 (of 14 total)

The topic ‘Color Section with Placed PNG background needs transparency’ is closed to new replies.