How to decrease height of video block ?

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #10042749
    Serhii Kibitkin
    Participant

    Dear support team!
    I’ve faced with the following problem
    Extra height of block – when I tried vertical scroll – it’s height is very high.
    Is it possible to minimize height according to image’s height?
    Watch video https://drive.google.com/file/d/1FROsV2kKSJaRC1sLfkyrt8-ks80PLS6o/view?usp=share_link

    screenshot – https://drive.google.com/file/d/1kp1NEOU8XaPF1lVlI-9lWvsIvvFYYOmJ/view?usp=share_link



    Template Version: last version acc. to Jan 30th 2023
    #10042751
    Support
    Keymaster

    Hello, I can see that you’ve made some changes in the style, and used height: 400px which is not a good idea, what you could do is to align the items on center, so remove height:400px and add this:

    (css/custom.css)

    .horizontal-scroller-scroll {
        height: 100vh !important;
    }
    
    .horizontal-scroller-item {
        align-self: center !important;
    }

    It will make the item vertically on center, unfortunately that plugin is a little hard to change the default behavior.

    Thanks.


    #10042752
    Serhii Kibitkin
    Participant

    Thanks for the quick reply
    I tried to add code https://sla.expert/css/custom.css

    body {
    max-width: 100vw;
    overflow-x: hidden;
    }

    .horizontal-scroller-scroll {
    height: 50vh !important;
    }

    .horizontal-scroller-item {
    align-self: center !important;
    }

    But vertical height the same

    test site – https://sla.expert/
    screenshot – https://prnt.sc/V-qgoDbF9Wvw

    Any workaround to remove such strange element and use another slider or carousel for pictures with links?


    #10042753
    Serhii Kibitkin
    Participant

    hm, ok… I switched to another element – looks good.
    Could you help – how to align Title to the center of page – not left ?

    screen https://prnt.sc/ns2AD8cP7ZWg


    #10042754
    Support
    Keymaster

    Hello, you can use the class=”text-center” in the title element.

    Kind Regards.


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

This topic is marked as "RESOLVED" and can not rceive new replies.