Re: Home Page Slider (SKT Charity Pro)

[Chris]

Hello,

We are using the SKT Charity Pro Theme and would like to have some flexibility in terms of changing the size of the home page slider pictures. Currently, they take up a good deal of screen real estate. Our site can be viewed at hclv.org. Can you please provide some guidance to adjust the size?

Thank you,
Chris

[Sonal S Sinha]

Hi,

Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

Add this code there:

.slider-main { min-height:450px;}
.slider-main .nivoSlider { height:520px;}

Regards,
Dave

[Chris]

Hi Dave,

Thanks for the suggested code. It works, but is clipping (vertically clipping) some of the picture based on the viewing device. Is there code we can add to make the home page slider images smaller, while still maintaining all of the picture details? Even if there is white or black space on the left and right sides of the slider pictures, I think that would be OK.

Thanks,
Chris

[Sonal S Sinha]

Hi,

Can you send us the screenshot of your issues? Upload your screenshot on http://imgur.com/ and paste the share url here.

Regards,
Dave

[Chris]

Hi Dave,

Here are the links to the images and descriptions of how we would like to change the home page slider images.

https://imgur.com/pGLHkRM

https://imgur.com/hvzDHge

Thank you,
Chris

[Sonal S Sinha]

Hi,

Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

Add this code there:

.header .header-inner .logo { width:30%;}
.nivoSlider img { width:76%; margin:0 auto;}
.slider-main { min-height:483px;}

Regards,
Dave

[Author]

Posts