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*

My images are shown cut off in the posts

Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #96368
    giovalt
    Participant

    Can the boxes that contain the images (in the post) be auto-adjusted to their size?
    Keeping width but variable height.

    Example:
    https://maryvela.com/per/v3/oceanicos-fotos-premiacion-camp-clausura-2021-04-dic-2021/
    The original photo shows people from head to toe, here it is shown cropped.

    Thanks

    #96480
    giovalt
    Participant

    Your support answer is so fast!, please could you help me with this issue, I bought the theme.

    #96542

    Hi giovalt,

    We apologize for the late response. Yes, for your solution please go to ‘Theme Directory > template-parts > content.php’. On line no: 33, you will find below line of code.

    <div class="post-img" style="background-image: url('<?php echo esc_url(get_the_post_thumbnail_url(get_the_ID(),'full')); ?>');"></div>

    please replace the mention code with the below Custom Code:

    <img src="<?php echo esc_url(get_the_post_thumbnail_url(get_the_ID(),'full')); ?>" class="img-fluid" alt="">

    after that please go to the ‘Dashboard > Appearance > Customize > Additional CSS’ and paste the below Custom CSS code.

    .page-single-img-wrap {
    	background: none;
    }
    .page-single-img-wrap:before {
    	display: none;	
    }
    .page-single-img-wrap img {
    	width: 100%;
    }

    NOTE: Please make sure you make the child theme first before customizing the Theme code so that your customized code won’t get lost when updating the Theme to a newer version in the future.

    Thanks

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