Courtyard FREE theme Slider Image size and position

Premium WordPress Themes Forums Courtyard Courtyard FREE theme Slider Image size and position

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #3147
    Luciano
    Participant

    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

    #3166
    Rabindra Tharu
    Participant

    Hi, @Luciano

    Will you please allow us your site URL.

    Thanks!

    #3168
    Luciano
    Participant

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

    #3233
    Luciano
    Participant

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

    #3258
    Rabindra Tharu
    Participant

    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!

    #3261
    Luciano
    Participant

    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.

    #3265
    Rabindra Tharu
    Participant

    Hi,

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

    Thanks!

    #3269
    Luciano
    Participant

    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

    #3270
    Suvanno
    Participant

    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

    #3271
    Luciano
    Participant

    @Suvanno yes sir, that css fixed the problem…

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

    #3272
    Suvanno
    Participant
    This reply has been marked as private.
    #3273
    Luciano
    Participant

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

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