Hover effect

  • Joseph
    Joseph
    Newbie 72 points
    September 12, 2016 at 11:56 am

    Hi,
    WP 4.6.1
    DT 8.9.6
    Default Theme

    How to add an hover effect on the categories images on the home page?

    Thank

  • Marie
    Marie
    Super Guru 1,818 points
    September 13, 2016 at 2:07 am

    hi Joseph,

    you will have to modify the css for that.

    But you can use a plugin , i.e Mega Menu as it has that effect already. https://wpmegamenu.com/

  • Joseph
    Joseph
    Newbie 72 points
    September 13, 2016 at 5:19 am

    Thank for answer Marie, but it’s not for the menu but for the images of the “categories block” on home page, builded with the “Page builder” plugin.

  • Marie
    Marie
    Super Guru 1,818 points
    September 13, 2016 at 6:22 am

    hi joseph,

    sorry I miss that out.

    you will have to create a custom css for that


  • Josh
    Super Guru 13,875 points
    September 13, 2016 at 12:43 pm

    Hello Joseph,
    Exactly which hover effect do you want to apply?There are several available.For example >>https://ianlunn.github.io/Hover/

  • Joseph
    Joseph
    Newbie 72 points
    September 14, 2016 at 5:54 am

    Hi Josh,

    I wish to apply the hover effect of the categories block of the “September Directory 2016”.

    Like this: https://dp1.wlthemes.com/?skin=sep_2016#


  • Josh
    Super Guru 13,875 points
    September 14, 2016 at 2:48 pm

    Hello Joseph,
    Try the below code under Theme Setup >General Setup >Custom css

    .home .catstyle3 .media .pull-left {
    opacity: 0.5;
    filter: alpha(opacity=50);
    }
    .home .catstyle3 .media .pull-left:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    }

    Just to start you off
    Note:You might need further customization to make it look exactly like the child theme

Viewing 7 posts - 1 through 7 (of 7 total)

New Business Themes for WordPress 2020

Start your new website today!

View Business Themes