I would remove the effect over on the photo gallery. See link below.
Hey mleite1!
Add this to your custom CSS.
.avia-gallery-thumb:hover, .avia-gallery-thumb *:hover { opacity: 1 !important; }
Regards,
Elliott
Hello, Eliot. Your code works. Tks.
ANOTHER QUESTION
I am assembling two types of pictures portfolio. A portfolio with masonry and other portfolio with gallery.
I can control the masonry with these codes below.
.av-masonry-col-2 .av-masonry-entry {width: 100%;
}
.av-masonry-image-container {img
width: 75%;
}
How do I have the same control in the gallery? What are the codes?
I need to control the size of the screen image and the width of the text field must follow the width of the image.
LINK
http://www.caiobandeira.com/archicompany/?page_id=604
Hello, is there any problem with my question above? My client needs your response.
Hi!
Can you please post a screenshot and show the changes you would like to make?
Cheers!
Yigit
you have doubts of the details above I wrote?
Hey!
Yes, i would not ask for a screenshot unless i did not :)
Your text and image width are the same ( please see screenshot in private content field).
Would you like to decrease the size of both? If so, please turn on custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and give your text block element a custom CSS class and then add following code to Quick CSS
#top div .avia-gallery, .your-custom-class {
max-width: 77%;
margin: auto;
}
Cheers!
Yigit