Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #2296542
slider style 20 pic ratio
Closed

Comments

  • allenwei812 started the conversation

    what is the best ratio of the pic in slider style 20...and the pixel weight and height of the picture...

  •  2,700
    PenciDesign replied

    Hi,

    We're using ratio width/height = 0.6 for slider style 20.


    Best Regards,

    PenciDesign

  • allenwei812 replied

    https://allenwei812.tumblr.com/post/190766036415/when-i-use-06-ratio-but-in-the-style-20-still-cut

    when I use 0.6 (5:3) ratio but in the style 20 still cut my picture….on Homepage

    How do I setting the pixel?

  •  2,700
    PenciDesign replied

    Hi,

    Ahh, if you don't want to get images on the slider style 20 cut off, please use images with ratio width/height = 3/2 ( 1.5 ) and add more this code to Customize > Custom CSS:

    .featured-style-20 .penci-image-holder:before, .featured-style-21 .penci-image-holder:before {
        padding-top: 66.6667%;
    }
    

    Best Regards,

    PenciDesign

  • allenwei812 replied

    Hi,

    if I don't want to get images on the slider style 35.36 cut off, what images with ratio width/height ? and add what  more this code to Customize > Custom CSS:

  •  2,700
    PenciDesign replied

    Hi,

    Please try use this code:

    .featured-style-35 .penci-image-holder:before,
    .featured-style-35.style-36 .penci-image-holder:before{
        height: auto;
        padding-top: 66.6667%;
    }
    

    Best Regards,

    PenciDesign

  • allenwei812 replied

    it is too height for looking.....

    what is the pictures default ratio of the slider style 35& 36 ?

    I can set up my pictures in the future....

  • allenwei812 replied

    it is too height for looking.....

    what is the pictures default ratio of the slider style 35& 36 ? 4:3 or 16:9 and what the code should be...

    I can set up my pictures in the future....  thank U


  •  2,700
    PenciDesign replied

    Hi,

    You can change value 66.6667% on the code I sent above to change the height as you want.

    And this value is ratio of height/width for your images.

    Example: with value 66.6667% it's   height/width = 2/3


    Best Regards,

    PenciDesign

  • allenwei812 replied

    you mean if I want the ratio 4:3 of the picture I need to put the code

    .featured-style-35 .penci-image-holder:before,
    .featured-style-35.style-36 .penci-image-holder:before{
        height: auto;
        padding-top: 75%;
    }

    if I want the ratio 16:9 of the picture I need to put the code

    .featured-style-35 .penci-image-holder:before,
    .featured-style-35.style-36 .penci-image-holder:before{
        height: auto;
        padding-top: 56.25%;
    }

    right?


    and I need to upload the new ratio picture to the featured image right?

  •  2,700
    PenciDesign replied

    Hi,

    Yes, exactlysmile.png


    Best Regards,

    PenciDesign

  • allenwei812 replied

    HI I JUST CHANGE MY slide style to style 5 and how do i change the default ratio of the featured image....

    I want to the style 5 & 4 do not cut my featured image on the Homepage.....

    all of my pictures set up to 4:3 = 75%

    thanks

  •  2,700
    PenciDesign replied

    Hi,

    If so, please try add more this code to Customize > Custom CSS to do that:

    .featured-style-4 .penci-owl-carousel .penci-image-holder:before {
        height: auto;
        padding-top: 75%;
    }
    

    Best Regards,

    PenciDesign