Gallery Customization: Can't find where to edit hover border - Support

Tagged: gallery

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
March 9, 2021 at 11:17 pm #1286939

mattofelki
Participant

Hi,
I have customized the Gallery element just the way I like it, but I can’t seem to find where to remove the unnecessary white border (left, right) on hover.
https://houraway.webstar.si/ljubljana-mountain-biking/
Please see screenshot:
https://houraway.webstar.si/wp-content/uploads/2021/03/2021-03-09-22_15_00.png

March 10, 2021 at 9:20 am #1287014
Yigit
Keymaster
Hey,

Thanks for contacting us!

Please add following code to Quick CSS field in Enfold theme options > General Styling tab
```
#top div .avia-gallery .avia-gallery-big {
    padding: 0;
}
```
Cheers!
Yigit
March 10, 2021 at 10:45 am #1287036

mattofelki
Participant

Thnaks, but as you can see in my previous code I already had a padding set for #top div .avia-gallery .avia-gallery-big. It was 3px, because I would like to have the big picture and thumb edeges aligned, but also a 3px gap between big and thumb.
This is what it looks like now after putting 0 to padding:
https://houraway.webstar.si/wp-content/uploads/2021/03/2021-03-10-09_36_14.png
I hope I am clear enough about what I would like to accopmplish.

March 11, 2021 at 4:48 pm #1287499
Yigit
Keymaster
Hi,

Please set padding back to 3px and add following code to Quick CSS as well
```
#top div .avia-gallery .avia-gallery-big .image-overlay {
    width: calc(100% - 6px) !important;
    left: 3px !important;
}
```
Best regards,
Yigit
March 13, 2021 at 8:35 am #1287921

mattofelki
Participant

Hi, Yigit, it worked. Thanks very much.

March 13, 2021 at 2:50 pm #1288004

Victoria
Inactive Moderator

Hi mattofelki,

Glad we could help :)

If you need further assistance please let us know.
Best regards,
Victoria
Author

Posts

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.