Premium WordPress Themes › Forums › Courtyard › Courtyard FREE theme Slider Image size and position
Tagged: slider size position image hero
- This topic has 11 replies, 3 voices, and was last updated 2 years, 10 months ago by
Luciano.
-
AuthorPosts
-
March 27, 2018 at 1:05 PM #3147
Luciano
ParticipantHi 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
March 28, 2018 at 5:27 AM #3166Rabindra Tharu
ParticipantMarch 28, 2018 at 6:05 AM #3168Luciano
ParticipantHere you go,
CLICK HERE —> http://www.bbtettodellacroce.itApril 3, 2018 at 9:57 AM #3233Luciano
ParticipantHi again, any news about this little problem, and how to fix it?
April 5, 2018 at 6:45 AM #3258Rabindra Tharu
ParticipantHi, 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!
April 5, 2018 at 7:11 AM #3261Luciano
ParticipantTHIS IS THE REAL IMAGE
http://www.bbtettodellacroce.it/wp-content/uploads/2017/12/piscina-ritagliata.jpgTHIS IS HOW I SEE IT ON THE WEBSITE
http://www.bbtettodellacroce.it/wp-content/uploads/2018/04/image-on-website.jpgAs 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.
April 5, 2018 at 8:13 AM #3265Rabindra Tharu
ParticipantHi,
Please resize your slider image with 1920 x 1080 Pixels and Upload your slider thumbnail and check it once.
Thanks!
April 5, 2018 at 10:32 AM #3269Luciano
ParticipantI 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
April 5, 2018 at 12:03 PM #3270Suvanno
ParticipantHello,
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
April 5, 2018 at 12:14 PM #3271Luciano
Participant@Suvanno yes sir, that css fixed the problem…
I thank you very much, and wish you a great day!
April 5, 2018 at 12:24 PM #3272Suvanno
ParticipantThis reply has been marked as private.April 5, 2018 at 12:40 PM #3273Luciano
ParticipantSure why not, i will take some time and post a review.
-
AuthorPosts
- You must be logged in to reply to this topic.