Courtyard FREE theme Slider Image size and position

[Luciano]

Hi i have a problem with the size and the posistion of the images in the slider (hero image) the image is beeing zoomed a lot and fixed to the top-left corner, can i modify it in some way that the image size is only 100%width and the height is being modified automaticaly? and maby center the image cuz the subject in every foto is in the middle not in the top-left corner?

TY VM

[Rabindra Tharu]

Hi, @Luciano

Will you please allow us your site URL.

Thanks!

[Luciano]

Here you go,
CLICK HERE —> http://www.bbtettodellacroce.it

[Luciano]

Hi again, any news about this little problem, and how to fix it?

[Rabindra Tharu]

Hi, there

We checked your site and we couldn’t get such issue what you mention above. Will you please provide us some screenshot of the issue.

Thanks!

[Luciano]

THIS IS THE REAL IMAGE
http://www.bbtettodellacroce.it/wp-content/uploads/2017/12/piscina-ritagliata.jpg

THIS IS HOW I SEE IT ON THE WEBSITE
http://www.bbtettodellacroce.it/wp-content/uploads/2018/04/image-on-website.jpg

As you can see the website put the image on the left-top corner… can you confirm that?

what i want is that the image will fill the size of the screen on pcs…. cuz if i watch it on mobile the image is not zoomed-in and i can see all the details in it.

[Rabindra Tharu]

Hi,

Please resize your slider image with 1920 x 1080 Pixels and Upload your slider thumbnail and check it once.

Thanks!

[Luciano]

I have resized all the 3 slider images to 1920×1080 but if you go look again the images are soo zoomed in i cant see the details around it….

I will say again that the images are going on the top-left corner the image size doesnt matter… all i want is that the slider will not zoom the image…. but will only make it full width… i dont need zoom and repositioning ….

i hope i was clear this time

[Suvanno]

Hello,
Please those CSS codes, maybe it will help you to achieve your required design.

.pt-hero-image-slide figure {
    height: 100%;
	margin: 0;
	text-align: center;
}

.pt-hero-image-slide img {
	object-fit: cover;
	object-position: center;
	width: 100%;
	height: 100%;
}

Let me know if it works or needs any help.

Regards

[Luciano]

@Suvanno yes sir, that css fixed the problem…

I thank you very much, and wish you a great day!

[Suvanno]

This reply has been marked as private.

[Luciano]

Sure why not, i will take some time and post a review.

[Author]

Posts