Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 25, 2019 at 9:42 pm #1121975
    Itai

    Hello Enfold team,

    I’m trying to customize the “Big image with thumbnails below” Gallery element.
    Specifically:
    -remove the top margin of the gallery
    -remove the padding of the big image
    -remove the border on the big image
    -align thumbnail columns & big image to the right

    Can you advise on the css code to control these elements?

    Cheers,

    Itai

    July 26, 2019 at 2:45 am #1122021
    Mike

    Hey Itai,
    When I check my demo of the “Big image with thumbnails below” Gallery element, I don’t see any top margin.
    Please link to your page so we can assist.
    Also, what do you mean by “align thumbnail columns & big image to the right” Do you want the thumbnails to the right of the big image?

    Best regards,
    Mike

    July 26, 2019 at 3:59 am #1122036
    Itai

    Hey Mike,
    The page is in draft mode right now. Here’s what i mean:
    https://imgur.com/a/6mVAPly
    The top margin is no biggie, as I can lower the line in the next column if I have to.

    Cheers,

    Itai

    July 26, 2019 at 4:30 am #1122044
    Mike

    Hi,
    Thank you for the screenshot, this looks like a product page, in my demo the thumbnails are centered below the large product image. Can we login and see the page to adjust?

    Best regards,
    Mike

    July 26, 2019 at 12:51 pm #1122146
    Itai

    Yes, I’m working on converting all my product pages to advanced layouts. I will send you login credentials in the private content.

    The page is the draft in the products section.

    Cheers,

    Itai

    July 27, 2019 at 5:51 pm #1122401
    Mike

    Hi,
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #top div .avia-gallery .avia-gallery-big {
    border-style: none !important; 
}
#top #wrap_all .avia-gallery .avia-gallery-thumb a {
    float: right !important; 
}

    Best regards,
    Mike

    July 30, 2019 at 8:18 pm #1123288
    Itai

    Thanks so much Mike!

    July 30, 2019 at 11:15 pm #1123345
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘CSS styling of "Big image with thumbnails below" Gallery’ is closed to new replies.