-
AuthorPosts
-
October 7, 2020 at 8:44 am #1251052
Hello, we have a problem with a hover effect on our images. Since the programmer of our website has unfortunately passed away, we cannot find where he deposited the effect. See the menu on the home page of our website: https://baenfer.de
Many thanks for your help!
October 8, 2020 at 6:29 am #1251304Hey 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,
RikardOctober 8, 2020 at 8:09 am #1251328Hey Rikard,
Thank you for your help. Unfortunately we cannot edit anything there. You can select something in the pull-down menu, but if you click on “edit element” nothing happens.
Do you have an idea why that could be?
Regards Jörn
October 9, 2020 at 6:08 am #1251629Hi 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,
RikardNovember 18, 2020 at 3:02 pm #1261288Hi Rikard,
a little later, but still. Thank you for your help in advance.
Best regards,
Jörn- This reply was modified 4 years, 1 month ago by joernbaenfer.
November 18, 2020 at 4:09 pm #1261299Hi,
Sorry to hear about your programmer. Our sincere condolences.
Login credentials did not work for me. Could you please check them once again?
Regards,
YigitNovember 18, 2020 at 4:16 pm #1261307Thanks, maybe I got the password wrong.
Try it again, please.
November 18, 2020 at 4:46 pm #1261311Hi,
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,
YigitNovember 18, 2020 at 7:56 pm #1261358Many thanks.
Is it possible to make the circle of the hover effect smaller?
Thanks Jörn
- This reply was modified 4 years, 1 month ago by joernbaenfer.
November 20, 2020 at 6:45 am #1261716Hi 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,
RikardNovember 20, 2020 at 12:13 pm #1261761Hi Rikard,
thank you, I know how I activate this. Is there a way to make the circle smaller that appears when you go over the image (button)?
Best regards,
JörnNovember 23, 2020 at 4:22 am #1262232Hi,
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,
MikeNovember 23, 2020 at 5:48 pm #1262447Hi Mike,
perfect, it works.
Is it also possible to place the hover effect (circle) left-justified over the picture?
Best regards,
JörnNovember 24, 2020 at 1:14 pm #1262643Hi,
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,
MikeNovember 24, 2020 at 1:38 pm #1262654Perfect, it works.
Many thanks!
November 24, 2020 at 2:55 pm #1262686Hi,
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,
MikeNovember 24, 2020 at 3:09 pm #1262695Hey Mike,
how can I use the “Sonar-Effect” on linked button?
I found only the code for effect without a link.
.av_font_icon span:hover:after {
-webkit-animation: sonarEffect 1s ease-out;
-moz-animation: sonarEffect 1s ease-out;
animation: sonarEffect 1s ease-out;
}I want to use it for the small icons at “UNSERE PRODUKTBEREICHE” (https://baenfer.de/testseite/)
Creatings Jörn
- This reply was modified 4 years ago by joernbaenfer.
November 25, 2020 at 1:58 pm #1262992Hi,
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,
MikeNovember 25, 2020 at 3:33 pm #1263013Hey Mike,
it works, but it doesn´t look so nice.
Is there perhaps the possibility that both, the icon and the heading, will be displayed in a different color as soon as you move over it?
Creatings Jörn
November 26, 2020 at 1:41 pm #1263256Hi,
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,
MikeNovember 26, 2020 at 2:14 pm #1263261Hey Mike,
perfect, that looks great!
Thanks Jörn
November 26, 2020 at 2:48 pm #1263270Hi,
Glad to hear, unless there is anything else we can help with on this issue, shall we close this then?Best regards,
MikeNovember 26, 2020 at 3:08 pm #1263275Mike,
I have still one question.
Could you link the submenus? Similar to the Mega Menu?
Best regards,
JörnNovember 27, 2020 at 1:10 pm #1263507November 27, 2020 at 1:13 pm #1263508Hi,
like the MEGA MENU, or is it possible to put a MEGA MENU in the main content?
Best regards,
JörnNovember 27, 2020 at 1:22 pm #1263512Hi,
I see that you have a Mega Menu under “Produkte”, but what do you want to do to it?Best regards,
MikeNovember 27, 2020 at 1:48 pm #1263517Hi,
I want a Menu like the MEGA MENU in the main Content. Looks like a sidemap but nicer, like our Menu “Unsere Produktbereiche” only with links for each product.
Best regards,
JörnNovember 27, 2020 at 2:13 pm #1263521November 27, 2020 at 2:38 pm #1263525Okay, what a pity.
December 3, 2020 at 5:25 pm #1264810Menu “UNSERE PRODUKTBEREICHE”
Is it possible to make the icons above the heading bigger and without the outline?
- This reply was modified 4 years ago by joernbaenfer.
-
AuthorPosts
- You must be logged in to reply to this topic.