Slideshow block size

  • Author
    Posts
  • #162678

    beslab2021
    Member
    Original poster

    Hi again Ana,

    I need some help now with the slideshow block. Since I can’t have a header slideshow, I set a slideshow block in my homepage, which is a Front Page, and I would like the images to extend to the edge of the browser window (like the Front Page featured image, for example). I’ve tried with something like

    .wp-block-jetpack-slideshow.alignfull .wp-block-jetpack-slideshow_image {
    width: 100vw;
    max-width: none;
    object-fit: cover;
    }

    but it makes the images just a bit wider, but not as much as I would like.
    Is there any possibility to make it work?
    Thanks a lot,
    Kiara

    The blog I need help with is: beslab.net

    #162688

    anarieldesign
    Theme Author

    Hi Kiara,

    this is because you have a slider inside the caption that has padding and fixed width. You’ll need to change few things to be able to have what you want:

    @media screen and (min-width: 59.6875em) {
    .home .mainpage .site {
        max-width: 100%;
    }
    
    home.page .mainpage .main {
        padding: 0 0 1%;
    }
    
    .home .entry-content {
        padding: 0;
    }
    }

    Or you can create a page just using the Default Template in Page Attributes and the new editor blocks like this: https://maishademo.wordpress.com/editor-blocks/

    Hope this helps.

    All the best,
    Ana

    #162691

    beslab2021
    Member
    Original poster

    Thanks again Ana, it worked!
    All the best,
    Kiara

    #162713

    anarieldesign
    Theme Author

    Happy I could help with it.

    All the best,
    Ana

The topic ‘Slideshow block size’ is closed to new replies.