Grider – stripes under the pictures (Y-Parallax)

[PPPP]

Hey guys! :)

Unfortunately I couldn't find anything in the search.

In the grider, some of my pictures have black stripes under the pictures. I use Y-Parallax as well.

I am looking for a solution. Maybe, you have an idea?

Best,
Paul

[Richard]

Dear Paul @PPPP

Could you please post a link to your website :)

Some first steps of debugging if you will:

• Wordpress, Lay Theme & Laytheme's Addons are all up to date?
• Any Custom CSS or JS that may interfere is temporarily removed.
• And third-party plugins de-activated to see if this resolves the issue.

Best Wishes
Richard

[nypaloto]

Having the same issue. See https://beige.company

[Richard]

Dear @PPPP @nypaloto

Ok, obviously recurring issue...

What brower are you using - For me i do not see this on Both Chrome and Safari:
Are you able to describe when this happened, just after the last update?

First please clear your Browsers Cache - if this is of no help:

Could you please send your website address, /wp-admin/ username and password and a link to this topic to info@laytheme.com?

And will try to get this Bug sorted out as soon as possible, i will also forward this.

Apologies for any inconvenience this may have caused and as always thank you for being a user of Lay Theme

Sincerely
Richard

[arminunruh]

You can try this CSS

.below-image{
padding-bottom: 5px;
}

.thumb-rel{
padding-bottom: 5px;
}

I think the issue is when an element overflows its dimensions and a piece of an underline, text or image overflows, then safari doesn't render it correctly when using parallax.

the above css gives extra space underneath your thumbnail title and thumbnail image to prevent this

[nypaloto]

Unfortunately, this didn't seem to have solved the problem. Still persists.

[arminunruh]

when looking at your website, i see you haven't used that CSS.

Try

.below-image{
padding-bottom: 10px!important;
}

.thumb-rel{
padding-bottom: 10px!important;
}

Enter it in Lay Options -> Custom HTML & CSS -> Custom CSS