Home › Forums › Pro Themes › Kids Education Pro › Slider Image

Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • February 26, 2017 at 5:15 pm #33523
    dcreech
    Participant

    Two items:

    First, How can I set the size of the slider or the images in the slider to be shorter?

    Second, It would appear that the slider images have a slightly darker tint on them than the raw image. Is there any way to turn this off?

    Thanks.

    February 27, 2017 at 12:10 am #33543
    wensolutions
    Keymaster

    Hello @dcreech

    To reduce the size of the slider section use below CSS.

    #main-slider .slider-item {
     padding: 200px 0;
    background-repeat: no-repeat;
}

    And to remove the darker overlay in the image use below CSS.

    #main-slider .black-overlay {
    opacity: 0;
}

    Hope this helps.

    Best Regards!!

    February 27, 2017 at 1:40 pm #33624
    dcreech
    Participant

    Thanks.

    What is the default padding? And what is the default opacity? Then I can adjust from there?

    February 27, 2017 at 1:47 pm #33627
    dcreech
    Participant

    Also. While the padding moves the slider image down the page or up the page. Is there a setting that changes the height of the slider?

    February 28, 2017 at 12:33 am #33692
    wensolutions
    Keymaster

    Hello,

    Default opacity initially provided by the theme is 0.4.

    Also for the slider section, the image in the slider section is used as the background image so only remaining option is to adjust the padding of the slider section .While changing slider page will move up.
    Hope this helps.

    Best Regards!!

    February 28, 2017 at 9:53 am #33734
    dcreech
    Participant

    So there is no way to modify the size of the section?

    February 28, 2017 at 11:05 pm #33827
    wensolutions
    Keymaster

    Hello,

    As we have already mentioned that the image in the slider section is used as the background image so when we adjust the image the image will shrink.

    But if you still want to reduce the size of the image in the slider section you can use below CSS.

    #main-slider .slider-item {
     padding: 200px 0;
    background-repeat: no-repeat;
    background-size: 100% 70%;
}

    Hope this helps.

    Best Regards!!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.