Tagged: , ,

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • June 23, 2017 at 8:16 pm #812302
    mammothbrian

    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 7 years, 6 months ago by mammothbrian.
    June 24, 2017 at 12:55 am #812355
    Jordan Shannon

    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

    June 25, 2017 at 12:22 pm #812637
    mammothbrian

    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

    June 25, 2017 at 4:06 pm #812703
    Mike

    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

    June 26, 2017 at 12:47 pm #813024
    mammothbrian

    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 7 years, 6 months ago by mammothbrian.
    June 26, 2017 at 4:51 pm #813140
    Jordan Shannon

    Hi,

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

    Best regards,
    Jordan Shannon

    June 30, 2017 at 1:11 pm #814945
    mammothbrian

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

    July 1, 2017 at 5:28 pm #815375
    Mike

    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

    July 1, 2017 at 9:24 pm #815431
    mammothbrian

    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?

    July 1, 2017 at 9:51 pm #815440
    Mike

    Hi,
    That’s a good idea:

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

    Best regards,
    Mike

    July 1, 2017 at 10:10 pm #815444
    mammothbrian

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

    July 1, 2017 at 10:24 pm #815445
    Mike

    Hi,
    Try adding this:

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

    Best regards,
    Mike

    July 2, 2017 at 1:29 pm #815540
    mammothbrian

    Thanks for all of your help Mike!

    July 2, 2017 at 9:24 pm #815605
    Mike

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

    Best regards,
    Mike

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Color Section with Placed PNG background needs transparency’ is closed to new replies.