-
AuthorPosts
-
June 14, 2019 at 9:57 am #1110257
Hi,
I’ve enabled the column hover effect, but it has very little effect. How can I change the color of the hover?
It’s the six icons and text just below the top image….
ThanksJune 14, 2019 at 7:31 pm #1110438Hey Andreas,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
.avia_transform .avia_start_delayed_animation.av_font_icon.avia-icon-animate:hover { color: navy; }
If you need further assistance please let us know.
Best regards,
VictoriaJune 17, 2019 at 9:32 am #1110959Great that works.. However, I would also like the text to have hover effect, so when I hover on the column both the icon and text change color.
June 17, 2019 at 9:35 am #1110960…and it only works on the home page? It should work on all pages ;)
June 18, 2019 at 7:11 pm #1111432Hi,
There is no rule that makes it work only for Homepage, but you can always look if the classes exist on the rest of the pages.
Best regards,
BasilisJune 18, 2019 at 10:48 pm #1111503Well, it does only work on the home page. Please check the site and provide actionable help ;)
- This reply was modified 5 years, 6 months ago by hegartpetersen.
June 20, 2019 at 5:34 pm #1112009Hi hegartpetersen,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
.avia_transform .avia_start_delayed_animation.av_font_icon.avia-icon-animate:hover, body .flex_column.avia-link-column:hover { color: navy; }
If you need further assistance please let us know.
Best regards,
VictoriaJune 21, 2019 at 2:03 pm #1112334well still only work on the home page and only the icon and not the text… :/
June 22, 2019 at 8:43 am #1112531Hi hegartpetersen,
Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?
Best regards,
VictoriaJune 26, 2019 at 11:04 am #1113563Here you go ;)
June 27, 2019 at 6:53 pm #1114061Hi hegartpetersen,
Thank you. I think it is better to give the section the id or class that will be the same on all pages, and then we can come up with the uniform css that works on all pages.
Best regards,
VictoriaJune 28, 2019 at 3:14 pm #1114270This reply has been marked as private.June 29, 2019 at 2:27 pm #1114437Hi hegartpetersen,
Great, thank you. Now let’s try using this code:
#ydelser .flex_column.avia-link-column:hover { color: #dda642; }
I added the code for you already, please check now.
Best regards,
VictoriaJuly 1, 2019 at 4:42 pm #1114923That worked – thank you so much ;)
July 1, 2019 at 4:58 pm #1114930Hi,
I’m glad this was resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon -
AuthorPosts
- The topic ‘Column hover effect’ is closed to new replies.