Re: Home Page Slider (SKT Charity Pro)

Home Forums All Other Themes Re: Home Page Slider (SKT Charity Pro)

This topic contains 5 replies, has 2 voices, and was last updated by  Forum Moderator 8 months, 1 week ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #114714

    Chris
    Participant
    • Topics: 2
    • Replies: 5
    • Total: 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

    #114724

    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 21705
    • Total: 21705
    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

    #114748

    Chris
    Participant
    • Topics: 2
    • Replies: 5
    • Total: 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

    #114827

    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 21705
    • Total: 21705
    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

    #114869

    Chris
    Participant
    • Topics: 2
    • Replies: 5
    • Total: 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

    #114902

    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 21705
    • Total: 21705
    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

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.