Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 5, 2017 at 4:06 pm #788460
    VastMarketing

    I am using the Gallery on this page: http://ashleygreysalon.com/gallery/ and I have the gallery settings set as indicated below. However, the large image on the page is huge. How can I set them to be smaller? Also, I do not want there to be a hover effect on the lmages. How can I fix these things? Please visit page to see.

    GALLERY STYLE: Big Image with Thumbnails Preview
    GALLERY BIG PREVIEW IMAGE SIZE: Widget 36×36
    FORCE SAME SIZE FOR ALL BIG PREVIEW IMAGES: Yes, force same size on all Big Preview Images
    GALLERY PREVIEW IMAGE SIZE: Thumbnail 80×80
    GALLERY COLUMNS: 5
    USE LIGHTBOX: YES
    THUMBNAIL FADE IN EFFECT: Activate animation on page load

    • This topic was modified 7 years, 7 months ago by VastMarketing.
    May 6, 2017 at 5:42 am #788708
    Rikard

    Hey Marnie,

    Please try the following in Quick CSS under Enfold->General Styling:

    .avia-gallery-big-inner .image-overlay {
  display:none;
}

.avia-gallery-big {
    max-width: 50%;
    margin: 0 auto;
}

    Best regards,
    Rikard

    May 8, 2017 at 3:47 pm #789670
    VastMarketing

    I added the code as suggested. Now the images on that page are all extremely blurry.
    http://prntscr.com/f5gv7j

    Would you mind logging in to see what is going on?

    May 9, 2017 at 5:39 am #789971
    Rikard

    Hi,

    Ok, thanks for the feedback. The CSS I gave you won’t affect the resolution of the images, what happens if you remove the code again? Did you try disabling all plugins to see if one is causing a conflict?

    Best regards,
    Rikard

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