search

godaddy-wordpress / block-gallery

WordPress gallery blocks built exclusively for Gutenberg
https://wpblockgallery.com
GNU General Public License v2.0
57 stars 13 forks source link

Carousel - Fullwidth gets white space in right side and between slides #14

Closed jonasborneland closed 5 years ago

jonasborneland commented 5 years ago

Hi

I want to use the Carousel in full width. But as the plugin got some media queries for lager screen sizes, making it 80% when bigger then 1200px, I've tried to override that with:

.blockgallery--item {
    width: 100% !important;
}

But that creates some white space on the right side 🤔

And more strage – when resizing the window below the 1200px and back to +1200px, it snaps back and works perfect!

Screenshot

richtabor commented 5 years ago

Hey @jonasborneland, very interesting. Do you have a direct URL I could take a look at?

jonasborneland commented 5 years ago

Hi Rich. Thanks! You can see it here http://conect.test-jjkommunikation.dk/

jonasborneland commented 5 years ago

Hmmm.... I got it to work after adding some CSS. This line made it work in the start.

.site-header-main {
    height: 200px;
}

But it went on and off as I added more CSS. Like different things trigger it. So I really can´t tell what is does it 🤔

richtabor commented 5 years ago

Hey @jonasborneland I didn't see the gallery on that page, did you remove it by chance?

jonasborneland commented 5 years ago

Hi @richtabor thanks for writing back! The gallery is still there and have been there all the time. In top top as a fullscrreen slider with text overlay (the text is the image description). But no issues anymore after adding some css :)

richtabor commented 5 years ago

@jonasborneland - oh wow, I didn't even recognize it. Looks great like that! Glad to hear you've resolved it. 👍