slider style 20 pic ratio | PenciDesign Support

PenciDesign replied

6 years ago

Staff Reply

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

allenwei812 replied

6 years ago

Customer Reply

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

PenciDesign replied

6 years ago

Staff Reply

Hi,

Yes, exactly

Best Regards,

PenciDesign

allenwei812 replied

6 years ago

Customer Reply

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?

PenciDesign replied

6 years ago

Staff Reply

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

6 years ago

Customer Reply

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

allenwei812 replied

6 years ago

Customer Reply

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....

PenciDesign replied

6 years ago

Staff Reply

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

6 years ago

Customer Reply

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:

PenciDesign replied

6 years ago

Staff Reply

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

6 years ago

Customer Reply

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?

PenciDesign replied

6 years ago

Staff Reply

Hi,

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

Best Regards,

PenciDesign

allenwei812 started the conversation

6 years ago

Conversation Start

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