Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Gallery Block: Allow Caption Background Customizations #94075

Open
mxhassani opened this issue Aug 30, 2024 · 15 comments
Open

Gallery Block: Allow Caption Background Customizations #94075

mxhassani opened this issue Aug 30, 2024 · 15 comments
Labels
Customer Report Issues or PRs that were reported via Happiness. Previously known as "Happiness Request". [Feature] Core Blocks Blocks that come with Gutenberg. [Feature Group] Editor Experience Features related to Gutenberg integration on WordPress.com. [Interaction #] > 10 (Automated) interaction count label for better visibility. Please don't add these manualliy. [Pri] Normal Schedule for the next available opportuinity. [Product] WordPress.com All features accessible on and related to WordPress.com. [Status] Core Fix Needed A fix within the Core WordPress or Gutenberg project is required to resolve this issue. [Type] Feature Request Feature requests

Comments

@mxhassani
Copy link

mxhassani commented Aug 30, 2024

What

Allow the option to customize how captions are displayed on the Gallery Block

Why

Currently, it is only possible to change the text, and highlight it as a way to customize it, but there isn't a direct way to change the background of the caption element.
Some themes add styles like blurry or colored backgrounds and users don't have a way to change that, other than custom CSS.

image

How

Controls can be added to the toolbar
image

But adding them to the sidebar settings of the Gallery block and/or the image blocks can be a fitting solution too.

Options could be: background styles and caption alignment (over image/below it - left right ...)

As a workaround, there is this CSS code (Works with theme Tenku):

/* Remove blur effect from captions */
.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption)::before {
  display: none;
}

8629501-zen

@mxhassani mxhassani added [Type] Feature Request Feature requests [Product] WordPress.com All features accessible on and related to WordPress.com. [Feature Group] Editor Experience Features related to Gutenberg integration on WordPress.com. [Feature] Core Blocks Blocks that come with Gutenberg. labels Aug 30, 2024
Copy link

github-actions bot commented Aug 30, 2024

Support References

This comment is automatically generated. Please do not edit it.

  • 8629501-zen
  • 8669191-zen
  • 8673244-zen
  • 8673583-zen
  • 8670196-zen
  • 8674925-zen
  • 8799911-zen
  • 8797788-zen
  • 9024356-zen
  • 9133659-zen
  • 9174360-zen
  • 9310735-zen
  • 9305130-zen

@github-actions github-actions bot added the Customer Report Issues or PRs that were reported via Happiness. Previously known as "Happiness Request". label Aug 30, 2024
@Robertght
Copy link

Another request in 8669191-zen

@Robertght
Copy link

8673244-zen

@Robertght
Copy link

8673583-zen

@hacchism
Copy link

hacchism commented Sep 3, 2024

8670196-zen

@khristiansnyder
Copy link

8674925-zen

@hacchism
Copy link

hacchism commented Oct 1, 2024

8799911-zen

@jartes
Copy link
Contributor

jartes commented Nov 22, 2024

Another case here: 8797788-zd-a8c

@jartes jartes moved this from Needs Triage to In Triage in Automattic Prioritization: The One Board ™ Nov 22, 2024
@jartes jartes self-assigned this Nov 22, 2024
@jartes
Copy link
Contributor

jartes commented Nov 22, 2024

I'm self-assigning this one as I asked how to proceed for this one. Slack: p1732275243129649-slack-C07H21B2W59

@jartes
Copy link
Contributor

jartes commented Nov 22, 2024

Reported in Core here: WordPress/gutenberg#67249

@jartes jartes removed their assignment Nov 22, 2024
@jartes jartes moved this from In Triage to Triaged in Automattic Prioritization: The One Board ™ Nov 22, 2024
@jartes jartes added [Status] Core Fix Needed A fix within the Core WordPress or Gutenberg project is required to resolve this issue. [Pri] Low Address when resources are available. [Pri] Normal Schedule for the next available opportuinity. and removed [Pri] Low Address when resources are available. labels Nov 22, 2024
@supernovia
Copy link
Contributor

9024356-zen

@nazilya06
Copy link

Another request here: 9133659-zd-a8c

@hacchism
Copy link

Another report: 9174360-zd-a8c

@github-actions github-actions bot added the [Interaction #] > 10 (Automated) interaction count label for better visibility. Please don't add these manualliy. label Dec 13, 2024
@khristiansnyder
Copy link

Another report: 9310735-zen

It would be awesome to let users customize that to their liking.

@ktyfuller604
Copy link

Another report: 9305130-zd-a8c

Provided them with the CSS workaround.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Customer Report Issues or PRs that were reported via Happiness. Previously known as "Happiness Request". [Feature] Core Blocks Blocks that come with Gutenberg. [Feature Group] Editor Experience Features related to Gutenberg integration on WordPress.com. [Interaction #] > 10 (Automated) interaction count label for better visibility. Please don't add these manualliy. [Pri] Normal Schedule for the next available opportuinity. [Product] WordPress.com All features accessible on and related to WordPress.com. [Status] Core Fix Needed A fix within the Core WordPress or Gutenberg project is required to resolve this issue. [Type] Feature Request Feature requests
Projects
None yet
Development

No branches or pull requests

8 participants