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*

How to make the featured image appear full size?

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #62930
    riddle.apple
    Participant

    I want to change the size rendering of the featured image,
    I go to Appearance > Customize > Additional CSS, add css code:

    .post-img {
    background-size: contain;
    }

    But it doesn’t work,
    How can I make the featured image appear full size? (Don’t crop image)

    #62958

    Hi,

    Can you please clarify where you need to show the full size featured image.

    Thank you!

    #62981
    riddle.apple
    Participant

    Hi,
    Featured image of the recent posts of the homepage, As shown below:

    http://nsysu-ai.tw/wp-content/uploads/2019/05/Artboard_01.png

    Thank you!

    #63122

    Hi,

    What you can do is upload the image with the same ratio size according the image container or just paste the below custom css code in Appearance > Customizer > Additional CSS

    .post-img-wrap .post-img,
    .page-single-img-wrap .post-img {
    	background-size: contain;
    }

    Thank you!

    #63137
    riddle.apple
    Participant

    It is works!
    Thank you very much!

    #63145

    Welcome anytime @riddle-apple

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.