Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • July 22, 2016 at 3:55 am #663656
    gzelasco

    Hi !
    Could you please take a look at the example below?
    http://www.screencast.com/t/9nP4FBCYMc1

    Two questions
    1. How Can I build image gallery without margins and full width ?
    2. Can I implement image change on mousse over (For example, Black and White pic and when mousse over we see the image in color), should be same image ( the first one B and W and the second one color)

    July 22, 2016 at 10:47 am #663748
    Vinay

    Hey gzelasco,

    Add a masonry gallery and in the gallery options select “No gap” for “Gap between elements”.

    To add a images effect on hover Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    
.av-masonry-image-container img {
	filter: grayscale(100%);
    -webkit-filter: grayscale(100%); 
    filter: gray;
    -webkit-transition: all .6s ease; }

.av-masonry-image-container img:hover {    
	filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    filter: none; }
}

    Best regards,
    Vinay

    July 22, 2016 at 1:05 pm #663842
    gzelasco

    Thanks ! How to get the column to 100% width of the screen ?

    July 22, 2016 at 2:53 pm #663896
    gzelasco

    Already done ! Thanks

    July 23, 2016 at 1:19 pm #664183
    Rikard

    Hi,

    Great, glad you got it working :-)

    Let us know if you should need any further help on the topic.

    Regards,
    Rikard

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