Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 30, 2019 at 2:20 pm #1060488
    lyndondarkes

    Hi,

    I am sure this has been asked a hundred times but I can’t find a solution. I have a background page image and I have a masonry gallery with 3 images, all png with transparent backgrounds. Unfortunately, the masonry gallery seems to add a black background behind each image.
    The page is here: http://www.lyndondarkesdesign.co.uk/amateurs/ and the gallery I am referring to has 3 icons on the left. When the page is resized, the issue becomes apparent

    Regards
    Lyndon Darkes

    January 31, 2019 at 10:41 pm #1061283
    Victoria

    Hey Lyndon,

    Here is what I am seeing
    Image 2019-01-31 at 22.40.46.png

    What is the issue?

    The website is black and so the masonry background is black.

    Best regards,
    Victoria

    February 13, 2019 at 6:46 pm #1066587
    lyndondarkes

    Hi, sorry for the delay in getting back to you, i didnt receive an email to let me know you had replied.

    I have modified the background to mask the problem but when you resize the window it can still have an effect. Is there a way of making the background of Masory items transparent?

    Lyndon

    February 16, 2019 at 5:49 pm #1067734
    Victoria

    Hi Lyndon,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#av-masonry-2 .main_color .av-masonry-outerimage-container {
    background-color: transparent;
}

    But I am not sure what you’re trying to achieve here, the images seem to have a dark background and the website is black.

    If you need further assistance please let us know.

    Best regards,
    Victoria

    February 18, 2019 at 7:14 pm #1068542
    lyndondarkes

    Thanks for your reply, umfortunatly I cant get that to work. I have tried the code in the quick CSS and within the theme CSS.
    The reason i want to have transperant backgrounds behind the masonry gallery is because my client wants to change background images from time to time. If next week he decides to have a white background image then we will have a horrible black background surounding our transperant png images.

    February 19, 2019 at 3:58 am #1068731
    Nikko

    Hi lyndondarkes,

    Can you give us a screenshot or mock-up of what you’re trying to achieve? so we know how it looks visually then try to give you css codes that should work.

    Best regards,
    Nikko

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.