Line behind tiled & masonry galleries

  • Resolved p4rker

    (@p4rker)


    8 years, 1 month ago

    Hi, I am in the process of building a website with twenty seventeen, but came across a strange issue: most of jetpack’s gallery formats (all tiled/masonry options) display a fine line behind the images, which is also reacting to hover.

    Where does this come from?

    I did not see it in combination with other themes, and it also is not appearing when I change back to the oldschool (non-jetpack) gallery format.
    Link: https://interportalis.de/projects/
    Thanks for your input!

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Jeremy Herve

    (@jeherve)

    Jetpack Mechanic ??

    I’ve tried to reproduce the problem on a test site of mine, but I can’t seem to see any line. I may be missing something though. I wanted to check the problem on your site as well, but it seems to be down at the moment. Could you let me know as soon as it’s accessible again so I can check the issue and see what we can do to fix it?

    Thanks!

    Thread Starter p4rker

    (@p4rker)

    Hi Jeremy,
    thank you for checking!
    Sorry, I must have been messing with the data base when you tried to have a look – the site is back up.
    Just FYI: aside from jetpack there is just one additional plugin activated (creating pullquotes, and deactivating it does not change the issue).
    I see the line behind the images on Firefox and Safari.
    thanks!

    Plugin Author Jeremy Herve

    (@jeherve)

    Jetpack Mechanic ??

    Thank you!

    Could you try to add the following CSS under Appearance > Customize > Additional CSS in your dashboard, and let me know if it helps?

    
.tiled-gallery a {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
    Thread Starter p4rker

    (@p4rker)

    Hi Jeremy,
    thanks! that seems to take care of the inintial glitch, but there is still a weird background thing on hover…

    Plugin Author Jeremy Herve

    (@jeherve)

    Jetpack Mechanic ??

    Thanks for trying! You’re right, I had missed that. Try this instead:

    .tiled-gallery .tiled-gallery-item a,
.tiled-gallery .tiled-gallery-item a:hover {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
    Thread Starter p4rker

    (@p4rker)

    Thanks Jeremy,
    that worked out! Have a great day.

    Plugin Author Jeremy Herve

    (@jeherve)

    Jetpack Mechanic ??

    I’m glad to hear you’re all set! We’ll see about adding those changes to Jetpack itself in a future release, so everyone using the Twenty Seventeeen theme will get the fixes.

    Thanks for the report!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Line behind tiled & masonry galleries’ is closed to new replies.