Tagged: 

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • April 16, 2017 at 11:26 am #778403
    KouichiSaotome

    How can I change the gallery image background color ?

    please check this image

    I want to change the <color ②> to the <color ①>.

    I tried various things about this.(Quick CSS in Enfold theme options under Styling tab)
    .main_color .av-masonry { background-color: transparent; }
    .av-masonry-container { background-color: transparent; }
    .av-inner-masonry-content:hover { background-color: transparent; }
    .main_color .container .av-inner-masonry-content { background-color:transparent; color: transparent; }
    .main_color .container .av-inner-masonry-content { background-color: #transparent; opacity: 0.00 color: #transparent; }

    Unfortunately, it didn’t work out.

    Remarks
    <color 1>:Main Content background color + Custom Background Image
    <color 2>:Main Content background color

    April 16, 2017 at 11:28 am #778404
    KouichiSaotome

    check this image
    http://fast-uploader.com/file/7047890430247/

    April 17, 2017 at 4:26 am #778546
    Rikard

    Hi,

    Could you post a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    April 18, 2017 at 1:45 pm #779283
    KouichiSaotome

    site URL
    http://jujowiki.cf/

    Thank you.

    April 18, 2017 at 6:34 pm #779543
    Victoria

    Hi KouichiSaotome,

    Could you please attach a mockup of what you’re trying to achieve?

    Best regards,
    Victoria

    April 19, 2017 at 6:52 am #779803
    KouichiSaotome

    Hi Victoria,

    I attached the mock-up.
    Please check the 2 images in the following.

    current condition
    condition I want to achieve

    1st image is current condition.
    2nd image is condition I want to achieve.

    Best regards.

    April 20, 2017 at 7:56 pm #780730
    Victoria

    Hi,

    Thank you :) Much easier to understand!

    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

    
.main_color .av-masonry, .main_color .av-masonry-outerimage-container  {
  background: #e6d5b5 url(//jujowiki.cf/wp-content/uploads/2017/04/over_washi-80x80.png) center center  repeat scroll
  ;
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    April 21, 2017 at 4:46 am #780957
    KouichiSaotome

    Hi Victoria,

    This is just what I wanted to do !
    Thank you very much.
    The issue was resolved.

    Best regards.

    April 21, 2017 at 6:58 am #780990
    Nikko

    Hi,

    Glad we could help. Thanks for using Enfold :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Change gallery image background color (Masonry Gallery)’ is closed to new replies.