Re: Home Page Slider (SKT Charity Pro)

[ChrisMemberTopics: 2Replies: 5Total: 7 Member since: March 14, 2018]

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

[Forum ModeratorParticipantTopics: 0Replies: 20828Total: 20828 Member since: August 16, 2013]

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

[ChrisMemberTopics: 2Replies: 5Total: 7 Member since: March 14, 2018]

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

[Forum ModeratorParticipantTopics: 0Replies: 20828Total: 20828 Member since: August 16, 2013]

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

[ChrisMemberTopics: 2Replies: 5Total: 7 Member since: March 14, 2018]

Hi Dave,

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

View post on imgur.com

View post on imgur.com

Thank you,
Chris

[Forum ModeratorParticipantTopics: 0Replies: 20828Total: 20828 Member since: August 16, 2013]

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