No hovering – post title featured image to stay visible

  • The homepage contains previes/featured 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?

    Also, I would like the post title at the top of the featured image instead of at the bottom.

    Who knows how to do that specifically for this theme?

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author Anders Norén

    (@anlino)

    Hi @nissa1982,

    As for the first question, Hitchcock includes a setting for always displaying the preview titles. You can set it at Appearance → Customize → Theme Options (“Show Preview Titles”).

    To fix the second one, you need to add some custom CSS, which you can do at Appearance → Customize → Custom CSS. The CSS you need is the following:

    .has-post-thumbnail:hover .archive-post-header, 
.show-preview-titles .has-post-thumbnail .archive-post-header {
    bottom: auto;
    top: 30px;
}

.sticky .post-overlay > p {
    bottom: 30px;
    top: auto;
}

    Give it a try and let me know if it solves it.

    — Anders

    Thread Starter nissa1982

    (@nissa1982)

    Hi Anders,

    The second question works. Thank you.
    As for the first question: it works in customizer, but the problem is, that I don′t want to do that for ALL featured images. I want that for the first one. So I want to display the featured image including the title (without the dark grey overlay tone over it).

    Can you help me with that?

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘No hovering – post title featured image to stay visible’ is closed to new replies.