How can I remove the "file" icon on featured images in Nucleare Theme?

  • Unknown's avatar
    navistyle · Member ·

    When I move mouse to the image it becomes faded-green and a small “File” icon appears in the middle. How can I remove that or place the title of the entry instead of that icon?

    Thanks in advance!

    The blog I need help with is: (visible only to logged in users)

  • kokkieh · Staff ·

    Hi there. To make this change you’ll need to edit the theme’s CSS, for which you must have the Custom Design upgrade included in the Premium or Business plan.

    The best place for help with CSS is the CSS forum, though the themes staff also sometimes answer CSS questions in this forum: https://en.forums.wordpress.com/forum/css-customization#postform

    You could try the following (I’m still new to CSS, so if this doesn’t work, please post in the CSS forum or wait for a staff reply here):

    To prevent the image being overlaid with green add this code:

    .entry-featured-image:hover a img {
    opacity: 1;
}

    To remove the while line border around the image:

    .entry-featured-image:hover figcaption::before, .entry-featured-image:hover figcaption::after {
    opacity: 0;
}

    And to remove the icon (sorry, I don’t know how to change it to something else):

    .entry-featured-image:hover p {
    opacity: 0;
}

    This is possibly not the best way to do this (as I said, I’m new to CSS), but it should give you the desired effect.

    See here for instructions on how to edit the CSS using the Customizer.

  • kathrynwp · Staff ·

    navistyle – you’re going to need Custom CSS to make the changes suggested above. That feature included with the WordPress.com Premium or Business plan:

    https://wordpress.com/plans

    You can try out Custom CSS on a trial basis by activating the Custom Design preview in the Customizer.

    Just let us know if you need further help!

  • The topic ‘How can I remove the "file" icon on featured images in Nucleare Theme?’ is closed to new replies.