• Resolved osinkokonecom

    (@osinkokonecom)


    Hi,

    thank you for the great theme! As a WP newbie, I would like to ask how to get Post title, date and image to Post thumbnail in main view? I mean before you get your mouse cursor over it.

    Now you have two choices: to have only image or text+date but no image. How can you have both? ?? And if this is possible, it would be nice to have picture as original bright version, without darkening.

    Is this possible to be done for example with CSS editing? I have Simple Custom CSS ready to rock..

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter osinkokonecom

    (@osinkokonecom)

    Actually, I managed to solve this by editing the content.php.

    It does not look good at all, so let it be as it is.

    Hi osinkokonecom

    Could you please tell me how you managed to do that? I’m trying to have the post title on the original bright version but have no idea how.

    Hello Orygamni,
    I realize this post is 3 months old and you have hopefully found a solution in the meantinme, but this may help someone else who has the same question.

    I was looking for this exact same behaviour and have managed using the below code :

    
    .post:hover .post-overlay { 
    	opacity: 1; 
    	background: rgba(0,0,0,0.30);
    }
    
    .has-post-thumbnail .post-overlay { 
    	background: rgba(0,0,0,0.50);
    	opacity: 1; 
    }
    

    The key is the opacity: 1 (1 = shows).
    Play around with the 2 other figures (I chose 0.30 and 0.50) as these determine how dark the featured image will be (on load, and on hover). Make sure your title is still readable, even with a busy background image.

    The above worked well for me. Good luck.
    Christophe

    PS : as usual, I would recommend your add this code to the style.css file in a child theme (otherwise you will lose your customization at the next theme update…).

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to get Post title, date and image to Post thumbnail?’ is closed to new replies.