• allforjan

    (@allforjan)


    Hello,
    a homepage of my website contains preview images of the blog posts. I would like each featured image to have the post title displayed. At the moment, the post title is visible only when a mouse hovers over the preview image.

    How can I remove the hover effect and make the post title to stay visible on the featured image?

    Thanks in advance.

    -Zuzana

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • TUT Support

    (@phpexpert21)

    Hello allforjan,

    You can make the title appears by default with the help of custom css. Please put the given css in style sheet-

    .post-container .entry-title, .post-container .entry-title a {
        color: #fff !important;
        padding-bottom: 10px;
        font-size: 15px;
        font-weight: 600px;
        line-height: 23px;
        letter-spacing: inherit;
    }
    .post-container .entry-title a:after {
        background-color: #ff3838;
        content: " ";
        display: block;
        height: 1px;
        margin: 10px 0px auto;
        width: 50px;
    }
    

    I hope the above was helpful.

    Kind regards,

    Manoj

    AddWeb Solution

    (@addweb-solution-pvt-ltd)

    Hello allforjan,

    Add below css code into your current active child theme’s style.css file or you can add additional css option in theme customizer.

    .home #post_masonry .entry-header {
      background: rgba(0, 0, 0, 0) linear-gradient(to top, rgba(0, 0, 0, 0.6) 0px, rgba(0, 0, 0, 0) 100%);
      opacity : 1;
      bottom : 0;
      padding: 15px 25px;
    }

    Hope this will helps you.

    Thanks !

    Thread Starter allforjan

    (@allforjan)

    Hey Manoj,
    Thank you for your quick reply. The code didn’t work. I got a few errors in the style sheet because of that.
    Best,
    -Zuzana

    Thread Starter allforjan

    (@allforjan)

    Hey AddWeb,
    The code worked! Awesome! Thanks a lot for your help.
    Cheers,
    -Zuzana

    AddWeb Solution

    (@addweb-solution-pvt-ltd)

    Hello @allforjan I am glad that it works for you. If it resolves your issue please mark it as resolved.

    Dear ADDWEB,

    I’m having the exact same issue as ALLFORJAN above. I would like the text on my FEATURE IMAGES (only) to be *visible without having to mouse hover. I tried your CSS but it did not work. (I have a WP theme and a CHILD theme, but I have no idea where or how to turn this hover effect on featured images off.)

    Note: I do want to KEEP the hover effect active for all images that display on my Posts.

    Could you help please? Thank you!

    BB

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Removing a hover effect from featured images’ is closed to new replies.