Hover Effekt

Hey joernbaenfer,

Are you referring to the hover effect on the images under Unsere Produktbereiche? If so then you can set that under Enfold->Advanced Styling. Look for the Linked Image Overlay option, then set that to disable it if you don’t want that effect.

Best regards,
Rikard

Hi Jörn,

I’m not sure, but if you need help with problems on the backend we would need to access it. Please post admin WordPress login details in private.

Best regards,
Rikard

Hi,

Sorry to hear about your programmer. Our sincere condolences.

Login credentials did not work for me. Could you please check them once again?

Regards,
Yigit

Hi,

You were using an older version of the theme. I updated it to the latest version and then went to Enfold theme options > Advanced Styling, edited “Linked image overlay” and disabled it.

Please review your website :)

Best regards,
Yigit

Hi Jörn,

Thanks for the update. You can activate the option which Yigit turned off, and you might want the icon only option? If not then please try to explain what you would like a bit further. The overlay looks a bit strange on the images under Unsere Produktbereiche since there is text included in the images.

Best regards,
Rikard

Hi,
Sorry for the late reply, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field and enable your overlays:

.avia-image-overlay-wrap a.avia_image .image-overlay {
    -webkit-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    transform: scale(1) !important;
    height: 80% !important;
    width: 80% !important;
}

You can adjust the settings smaller if you wish.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Please try this css:

.avia-image-overlay-wrap a.avia_image .image-overlay .image-overlay-inside {
    left: -91px !important;
    top: -8px !important;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad to hear that this helped, unless there is anything else we can help with on this issue, shall we close this then?

Best regards,
Mike

Hi,
Please try this css:

#top.page-id-11963 a.iconbox_icon:hover {
    box-shadow: 0 0 0 rgba(255,0,0, 0.4);
      animation: pulse 2s infinite;
    z-index: 999 !important;
    position: relative;
    }
    
    @-webkit-keyframes pulse {
      0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0.4);
      }
      70% {
          -webkit-box-shadow: 0 0 0 100px rgba(255,255,255, 0);
      }
      100% {
          -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0);
      }
    }
    @keyframes pulse {
      0% {
        -moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0.4);
        box-shadow: 0 0 0 0 rgba(255,255,255, 0.4);
      }
      70% {
          -moz-box-shadow: 0 0 0 100px rgba(255,255,255, 0);
          box-shadow: 0 0 0 100px rgba(255,255,255, 0);
      }
      100% {
          -moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0);
          box-shadow: 0 0 0 0 rgba(255,255,255, 0);
      }
    }

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Your test page doesn’t seem to be the same so I looked at the “UNSERE PRODUKTBEREICHE” section on your homepage,
try this css:

.iconbox:hover a.iconbox_icon {
	  color: #008eca !important;
}
.iconbox:hover .iconbox_content_title {
	color: #008eca !important;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad to hear, unless there is anything else we can help with on this issue, shall we close this then?

Best regards,
Mike

Hi,
Sorry, I’m not sure what you mean, please explain.

Best regards,
Mike

Hi,
I see that you have a Mega Menu under “Produkte”, but what do you want to do to it?

Best regards,
Mike

Hi,
Sorry, I don’t have any ideas for that.

Best regards,
Mike