Problematic plugin update

Hi there,

Thanks a lot for reaching out.

On your website you have a lot of custom CSS for the Web Stories block that is not coming from the plugin, but you added yourself. Here’s an excerpt:

.web-stories-list {
  position: relative;
  z-index: 1;
}

.mag-box .web-stories-list {
  margin-bottom: 10px;
  margin-top: 10px;
}

.web-stories-list__story-poster:after {
  transition: opacity 0.2s;
}

.web-stories-list__story:hover .web-stories-list__story-poster:after {
  opacity: 0.6;
}

.web-stories-list.is-view-type-carousel .web-stories-list__story,.web-stories-list.is-view-type-grid .web-stories-list__story {
  min-width: 0 !important;
}

.is-view-type-circles.is-carousel .web-stories-list__inner-wrapper .web-stories-list__story:not(.visible) {
  height: var(--ws-circle-size);
  overflow: hidden;
}

.web-stories-list-block.is-carousel .web-stories-list__story:not(.glider-slide) {
  visibility: hidden;
}

.is-view-type-list .web-stories-list__inner-wrapper {
  display: flex;
  flex-wrap: wrap;
}

.is-view-type-list .web-stories-list__inner-wrapper > * {
  flex: 0 0 49%;
  margin: 0 0.5%;
}

@media (min-width: 676px) {
  .is-view-type-carousel .web-stories-list__carousel:not(.glider) {
    height: 277px;
  }
}

The problem is specifically this line:

.web-stories-list-block.is-carousel .web-stories-list__story:not(.glider-slide) {
  visibility: hidden;
}

If you remove it, then the stories will be displayed as usual again on your homepage.

Again, this is some custom CSS on your website, maybe coming from your theme or elsewhere.

Well you probably had this CSS on your site for quite a while, but now we made some changes to the Web Stories block in the latest version, and your CSS isn’t compatible with that anymore. So I recommend updating your CSS accordingly.