Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • December 13, 2015 at 1:33 pm #551614
    mleite1

    It is possible I create a masonry gallery with 1 column? We only have the choice from two columns.

    See the link below. Like the images stay one below the other in a single column.

    link
    http://www.caiobandeira.com/archicompany/?page_id=631

    December 13, 2015 at 1:48 pm #551621
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    .av-masonry-col-2 .av-masonry-entry {
    width: 100%;
}

    Cheers! 
    Josue

    December 13, 2015 at 2:23 pm #551644
    mleite1

    Hello Josue. Thanks for the feedback.

    I did what you said. But it was not the way we expected. The images were not the size I showed the model. And the images are distant from each other.

    It is to let the images of text width? And bring a picture of another?

    EXEMPLE
    http://demo.kaliumtheme.com/architecture/portfolio/south-africa-house/

    December 13, 2015 at 2:27 pm #551650
    Josue

    Hey!

    I’m a bit confused by your other topic, are you going to use a Masonry element or a Gallery one?

    Cheers!
    Josue

    December 13, 2015 at 2:54 pm #551670
    mleite1

    Josue, I am testing the final result with both options. I have to test both ways to see which option is best.

    The test with the gallery was good. I would like to do with the masonry also.

    December 13, 2015 at 2:57 pm #551672
    Josue

    Add this too:

    .av-masonry-image-container img {
    width: 100%;
}

    And place the Masonry Gallery inside a 1/1 Column.

    Best regards,
    Josue

    December 13, 2015 at 3:21 pm #551680
    mleite1

    Josue worked.

    The need now is to get the effect it has on the photo. I want to stay static when hover.
    And remove the gap between the images.

    December 13, 2015 at 3:47 pm #551688
    Josue

    Add this:

    .avia_desktop .av-masonry-entry:hover .av-masonry-image-container{
-webkit-transform: 	none !important;
transform: none !important;
}

    I believe the gap can be adjusted in the element settings.

    Regards,
    Josue

    December 13, 2015 at 8:29 pm #551763
    mleite1

    Josue, Controlling the distance between pictures. Control the gap.

    In the settings I put no gap. But the gap continues.

    • This reply was modified 8 years, 11 months ago by mleite1.
    December 14, 2015 at 11:17 am #552092
    Josue

    Hi,

    Can you please create us a WordPress administrator account? post it here as a private reply.

    Regards,
    Josue

    December 14, 2015 at 11:19 am #552094
    mleite1

    Ok, Josue.

    December 14, 2015 at 12:37 pm #552152
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    #top .av-inner-masonry-content{
	display: none;
}

    Cheers! 
    Josue

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