Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • November 6, 2015 at 2:20 am #531307
    ccyran

    Hey guys,

    Can you help me with this?

    When I use the masonry gallery, at a certain width, the nice distance between the images gets off. I attached a image for reference:

    http://s28.postimg.org/lgdxp3i8d/Screen_Shot_2015_11_05_at_7_17_44_PM.png

    Also, is there a way to turn off the zoom in hover effect?

    Website: ccyran.com

    Thanks!
    Chris

    November 7, 2015 at 8:35 am #531800
    Rikard

    Hi Chris,

    Do you mean the white galaxy image? I couldn’t reproduce that on my end using Chrome, what browser are you using to get that result?

    Thanks,
    Rikard

    November 7, 2015 at 8:36 am #531801
    Ismael

    Hi ccyran!

    Thank you for using Enfold.

    Please try to resize the original copy of the third image (Samsung S6 Edge) same as the original copy of the following image then upload it again: http://i2.wp.com/www.ccyran.com/wp-content/uploads/2015/09/Print_v2.jpg?fit=705%2C705

    Or add this in the following code in the Quick CSS field but it will distort the image a bit: 

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

    Best regards,
    Ismael

    November 7, 2015 at 7:01 pm #531915
    ccyran

    Hey Ismael,

    Do you mean to shrink the description copy I have that overlays?

    Thanks!
    Chris

    November 9, 2015 at 6:05 am #532345
    Rikard

    Hi Chris,

    I think Ismael is referring to the actual image, could you try that please?

    Best regards,
    Rikard

    November 9, 2015 at 6:53 am #532380
    ccyran

    Hey I tried that, didnt work.

    Even when I remove that image. The grid still loses alignment on wide browsers.

    Thank you,
    Chris

    November 10, 2015 at 5:13 am #533031
    Ismael

    Hi!

    Please post the login details. We would like to check it. Did you actually resize the 3rd image? I tried to replace the 3rd image with the first image and the issue is fixed. See the screenshot:

    Best regards,
    Ismael

    November 10, 2015 at 5:30 am #533036
    ccyran

    Hey Ismael,

    Yep I did. The two images are the same size, both 1240 × 1754.
    Adding my login info below!

    November 12, 2015 at 3:49 pm #534834
    Andy

    Hey!

    I checked your /portfolio website in Chrome and it seems to be fine. I can’t see any issues belonging to any distances on your first screenshot of your first post. Can you highlight what you mean please? to make things clear for us.

    Regards,
    Andy

    November 15, 2015 at 6:45 pm #536151
    ccyran

    Hey Andy, when I put my website page on an external monitor (27″), thats when the alignment and padding between the images goes off.

    Thanks!

    November 18, 2015 at 3:21 pm #538183
    Andy

    Hey!

    currently margin is controlled on your website by this code:

    .av-large-gap.av-flex-size .av-masonry-entry .av-inner-masonry {
margin-right: 15px;
margin-bottom: 15px;
}

    No idea why it should change on a 27” monitor and I don’t have one for testing. You could try to get more control by addin media queries to the above code:

    @media screen and (min-width: 1600px) {
.av-large-gap.av-flex-size .av-masonry-entry .av-inner-masonry {
margin-right: 15px;
margin-bottom: 15px;
}}

    This code will work on a minimum screen size of 1600px only. Adjust it as needed.

    Best regards,
    Andy

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