Dark Line on each image

Hi @pathel could you please provide a link to your site so I can take a look and see what’s going on? I don’t think images are meant to be underlined so I’d need to have a peek directly to investigate.

It’s actually this part which is black <figcaption class=”wp-element-caption”></figcaption>. It’s only on images in Galleries. On single images it is fine.

Thanks for the additional details!

I’m still not able to replicate on my end:

1) Could you please provide a link to the affected posted post or page so I can take a look directly?

2) Please try deactivating all plugins to see if something there is conflicting? You can use the Health Check plugin if you don’t want to affect a live site.

3) What version of WordPress are you running?

4) What browser and version are you running?

With more information and a direct link to the post, I will be better able to dig in. Thanks!

• This reply was modified 2 years ago by Kathryn Presner. Reason: fixed link

Oh I think I know what you might be referring to! The gradient at the bottom of images in galleries is not added by the theme, it’s a feature of the block editor. It’s present so that the white captions will be readable, even when the image it’s overlaying is lighter. Let me check if there’s a setting to remove that. ??

• This reply was modified 2 years ago by Kathryn Presner. Reason: typo

Doesn’t look like there’s a setting to remove the gradient behind captions in the gallery block, but this custom CSS should work:

/* Gallery block - remove gradient behind captions */
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
  background: none;
}

You can add this via any custom CSS plugin you might already be using, or add /wp-admin/customize.php to your URL to access the core Additional CSS area in the Customizer.

Let me know how it goes!

• This reply was modified 2 years ago by Kathryn Presner. Reason: added code tags

That seems to work! Thanks a lot Kathryn!

You’re very welcome, glad that did the trick!