Slider presentation full screen

  • Author
    Posts
  • #161750

    nestorvr18
    Member

    Hello Taras,

    I was wondering if I can change the size of a slider-presentation to a full screen.
    I’m referring to the first item on this page: https://nestorvr.com/sobre-mi/
    You’ll see that there’re blank spaces on both sides.

    I’ve used a column block in order to add a custom CSS class to that block. I’ve added: quien-soy
    Once the class is added, I went to my custom CSS panel, and add this CSS:

    .wp-block-columns.quien-soy {
    padding: 0;
    margin-bottom: 0;
    }

    Is it wrong? There is another way to change the slider to a full screen without margin?

    Thank you as always for your support!

    Kind regards

    The blog I need help with is nestorvr.com.

    #161762

    tarasdashkevych
    Theme Author

    Hello Nestor,

    You did everything correct. Your block has a full width. The thing is that your images are not full width.

    It looks like the Slideshow block does not provide an option to display full width images. However, we can use a custom CSS to change it.

    Since you container already has a custom CSS (quien-soy), please use this custom CSS to change image size in this container:

    
    .quien-soy .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_image {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }
    

    Let me know if you have any additional questions.

    Kind regards,
    Taras

    #161777

    nestorvr18
    Member

    It totally worked, thank you so much for your support!

    I’ll mark it as closed.

    Kind regards,

    #161786

    tarasdashkevych
    Theme Author

    You are very welcome, Nestor!

    Kind regards,
    Taras

The topic ‘Slider presentation full screen’ is closed to new replies.