[jakariaahmed118477]

I want to set this(3:4 ratio) type of full image in the centre of thumbnail. How I can do it? Help me…

[Theme Horse Support Team]

Hi there,

Can you please clarify what do you meant by full image in the centre of thumbnail? Are you asking to modify the size of thumbnail ratio size to 3:4?

Thank you!

[jakariaahmed118477]

<img src="http://ismartshop.cf/20200630_192338/" alt="img" />
<img src="http://ismartshop.cf/20200630_192737/" alt="img" />
<img src="http://ismartshop.cf/20200630_193950/" alt="img" />
Now, I hope you can understand.

[Theme Horse Support Team]

Hi there,

We recommended you to use the image size with 800px X 480px size and your image will be perfect seen into thumbnail section.
Hope this will help you.

Thank you!

[jakariaahmed118477]

Actually, i need to set 720*1280 pixel size photo on thumbnail perfectly. Is it possible?

[Theme Horse Support Team]

Ok we have managed to show as per your required ratio that gets approximately fit for 1280px * 720px.

Please go to ‘Appearance > Customize > Additional CSS’ and paste the below Custom CSS Code.

.post-img-wrap:before,
.page-single-img-wrap:before,
.site-footer .newscard-widget-horizontal-vertical-posts .post-boxed.main-post .post-img-wrap:before {
	padding-top: 56%;
}
.featured-section .featured-slider .post-block .post-img-wrap:before {
	padding-top: calc(56% + 4px);
}
@media (max-width: 1199px) {
	.featured-section .featured-slider .post-block .post-img-wrap:before {
		padding-top: calc(80%);
	}
}
@media (max-width: 991px) {
	.featured-section .featured-slider .post-block .post-img-wrap:before,
	.featured-style-2 .featured-slider .post-block .post-img-wrap:before {
		padding-top: 56%;
	}
}
@media (max-width: 575px) {
	.featured-section .featured-post .post-img-wrap:before,
	.featured-style-2 .featured-post .post-img-wrap:before {
		padding-top: 56%;
	}
}

Thanks

[Author]

Posts