Hello awesome support team!
I would like to do few things:
In the URL I provided in the bottom of the page there is gallery, I want to make edits to the gallery:
1. Remove the black overlay effect when mousing over the picture.
2. Remove the effect on page load when it suddenly pops up, i want it to be without animation.
3. The little description text that pop in black box on top of each image -> I need to make it in center of each image and to give it grow animation, like it becomes a big bigger.
Please help me with this, My clients are driving me crazy :(
hello? :(
Hi!
1 & 3 – Can you please elaborate on the changes you would like to make?
2- Please add following code to Quick CSS in Enfold theme options under General Styling tab
#top .avia-gallery .avia-gallery-thumb a:hover {
opacity: 1;
}
Best regards,
Yigit
Ofc my favorite support guy :)
1. In the gallery of 3 pictures, when you put the mouse over a picture, the picture is turning dark, like there is black color over it- I don’t want that to be anymore.
2. The CSS fix did not change it.
What I mean is the “Thumbnail fade in effect” in the gallery options, when you open the page, and I don’t want this effect at all.
3.When you mouse-over a picture in gallery, there is little description in white color with black background, I need it to be in the middle of each picture and not from the top, and also I want to add effect it that it gets bigger.
Hi!
Sorry solution i posted above should have been for the first one
1- Please add !important rule as following
#top .avia-gallery .avia-gallery-thumb a:hover {
opacity: 1!important;
}
2- You can go to Enfold theme options and enable page loader? :)
3- Please edit your image and go to captions tab to insert caption manually – http://i.imgur.com/D6DLwLE.png
Best regards,
Yigit