badget

Biggest Sale! Special Offer!

Get 30% discount on all of our single themes with this coupon code: #30%SALE

Hurry up! *Limited time offer*

Get Entry-Title to Show on Top of Featured Image

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.