Image Alignment is off in the Carousel View

[narangrishab]

Bug Description

Image alignment is off due to

.web-stories-list__story-poster img {
position: absolute;
}

while using web stories carousel view

Expected Behaviour

Steps to Reproduce

1. Wordpress > Post > Text > Web Stories
2. Select layout > Box Carousel

Screenshots

Expected

Additional Context

• Plugin Version: 1.33.0
• WordPress Version: 6.2.2
• Operating System: macOS
• Browser: Chrome

[swissspidy]

Which theme is this with? Does it happen when using another theme?

[swissspidy]

Looks like this is from https://www.andreaabroad.com/, which uses a custom theme and some custom plugins, like a Pinterest button that might interfere, plus using WPBakery Page Builder.

---

Aside: we could consider adding data-pin-nopin="true" to the story posters to disable the Pinterest "Pin It" functionality for story posters in the carousel.

[swissspidy]

Not clear what caused the issue, but suggested fixing it with some custom CSS:

.web-stories-list.is-view-type-carousel.is-style-default .web-stories-list__story-poster img {
display: block;
}