Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #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….
    Thanks

    #1110438

    Hey 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,
    Victoria

    #1110959

    Great 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.

    #1110960

    …and it only works on the home page? It should work on all pages ;)

    #1111432

    Hi,

    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,
    Basilis

    #1111503

    Well, it does only work on the home page. Please check the site and provide actionable help ;)

    #1112009

    Hi 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,
    Victoria

    #1112334

    well still only work on the home page and only the icon and not the text… :/

    #1112531

    Hi 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,
    Victoria

    #1113563

    Here you go ;)

    #1114061

    Hi 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,
    Victoria

    #1114270
    This reply has been marked as private.
    #1114437

    Hi 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,
    Victoria

    #1114923

    That worked – thank you so much ;)

    #1114930

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Column hover effect’ is closed to new replies.