We announce the release of Mags Pro with lots of features. View beautifuldemos

Get Entry-Title to Show on Top of Featured Image

This topic contains 1 reply, has 2 voices, and was last updated by  Theme Horse Support Team 3 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #65241

    stewartcartmell
    Participant

    Hello,
    I’d like to get the entry-title to show on top of the featured image on the homepage grid before hovering, like how the “Featured” tag is visible at all times. I have created a child theme and tried copying/adjusting a function from the parent theme, but couldn’t get it to work. Any help would be greatly appreciated. Let me know if I can clarify what I’m going for.
    Thanks!

    #65684

    Hi @stewartcartmell

    Login to your admin Dashboard and go to Appearance > Customize > Additional CSS and paste below custom CSS code to show the title on top of the featured Image.

    .post-main .has-post-thumbnail .entry-wrap .entry-main {
    	opacity: 1;
    	-moz-opacity: 1;
    	filter:alpha(opacity=100);
    	background-color: transparent;
    }
    .post-main .has-post-thumbnail .entry-wrap .entry-main p {
    	opacity: 0;
    	-moz-opacity: 0;
    	filter:alpha(opacity=0);
    }
    .post-main .has-post-thumbnail .entry-wrap .entry-main .entry-title {
    	color: #fff;
    	text-shadow: 0 1px 1px rgba(0,0,0,0.5);
    }
    
    .post-main .has-post-thumbnail .entry-wrap:hover .entry-main {
    	background-color: #fff;
    }
    .post-main .has-post-thumbnail .entry-wrap:hover .entry-main p {
    	opacity: 1;
    	-moz-opacity: 1;
    	filter:alpha(opacity=100);
    }
    .post-main .has-post-thumbnail .entry-wrap:hover .entry-main .entry-title {
    	color: initial;
    	text-shadow: none;
    }

    Thank you!

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

You must be logged in to reply to this topic.