Custom Image for Image Overlay without effects – solved

Hi,

I wanted to replace the Image Overlay of one specific image with my own image file, without any turning effects or specials.
after searching the forum and some try and error i have this which works without issues:

to replace the overlay image via Quick CSS (where >>.page-id-21 .avia-builder-el-1<< specifies your element to be changed):

.page-id-21 .avia-builder-el-1 .image-overlay {
background: url(../images/bookmark_featuredproject_overlay.png) no-repeat !important;
height:150px !important;
width:68px !important;
position: absolute !important;
top: 0px !important;
left: 0px !important;
}

to remove the turning icon effect for this specific element via Quick CSS:

.page-id-21 .avia-builder-el-1 .image-overlay .image-overlay-inside {	
display: none !important;
}

hope this helps someone else in the future.

best regards
Stefan

• This topic was modified 9 years, 1 month ago by thatsmyname.