Hi.
We have a big problem with image overlay.
We searched all the forums to find the solution and it seems that a lot of people have overlay problems.
We have a page with an added picture through default editor. Image class is set to center and enfold classes are removed because they cause more problems. We added to extra css:
.image-overlay {
visibility: hidden;
}
.overlay-type-extern{
display: none !important;
}
.avia_textblock img.center {
border-radius: 10px;
display: block;
margin-left: auto;
margin-right: auto;
margin: 0;
padding: 0;
}
The image presents fine when the image has no href tag. But when we add href the rounded corners disappear on mouseover and does not come back when mouse is removed.
Regards,
Peter
Hey Peter,
Please go to Enfold theme options > Layout Builder and check “Show element options for developers” and then edit your Text Block element with your image and give it a custom CSS class (“my-custom-class” in example below) and then add following code to Quick CSS field in Enfold theme options > General Styling tab
.my-custom-class a.center {
border-radius: 10px;
}
Best regards,
Yigit
Looks beautiful. Thanks for quick help.
Regards,
Peter
Hi,
You are welcome! :)
For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)
Best regards,
Yigit