Masonry caption color in admin difficult to see

  • You have a lengthy style set for the display of the caption on the masonry block in the admin, but do not lighten/brighten the font color to show on a dark caption background, see below. Can you also add color: #fff; so we can SEE the caption in the admin? I have tried adding a style with !important in the theme editor-style file but it does not overrule the #555 found in wp-admin/load-styles: .wp-block-image figcaption { color: #555; }

    Your style as rendered:

    figure.wp-block-coblocks-gallery-masonry > .masonry-grid figure figcaption {
  background: linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 50%,transparent);
  bottom: 0;
  font-size: 13px;
  margin-bottom: 0;
  max-height: 100% !important;
  opacity: .9;
  overflow: auto;
  padding: 30px 10px 10px !important;
  position: absolute !important;
  text-align: center;
  width: 100%;
}

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Support Milos Vlaisavljevic

    (@gdmilos)

    Hi @madriverweb,

    Thanks for reaching out!

    Please take a look at the following video, this is how you can choose any colour for captions of the Masonry Gallery block:
    https://mvlaisavljevic.tinytake.com/msc/NjcwODY4MV8xOTI5ODAzMQ

    Kindly let me know if the video helps. ??

    Best Regards,
    Milos | GoDaddy

    Thread Starter madriverweb

    (@madriverweb)

    @gdmilos Can you please send a more official GoDaddy link that I can trust?

    And did you see that I am asking about the font color in the ADMIN?

    Plugin Support Milos Vlaisavljevic

    (@gdmilos)

    Hi @madriverweb,

    I am afraid that we do not have an official GoDaddy link regarding text colour for the Masonry Gallery block.
    Regarding the font colour in the admin – note that the preview of the Masonry Gallery block from the admin area is pretty much the same as it is displayed on the front. So, if fonts are not visible in your page editor, they will not be visible on the front as well. If you adjust the colour using the steps from the provided video, they will be perfectly visible on both the admin and front.
    Could you please let me know if your goal here is to have separate font colours for admin and front? If so, I will try to adjust some CSS for you.

    Kind Regards,
    Milos | GoDaddy

    Thread Starter madriverweb

    (@madriverweb)

    Hi Milos,

    Sorry for the delay replying, too many other projects had priorities.

    You video shows styling caption fonts individually, not what I want. We have no need to style anything individually. We want them all to look good and be visible.

    I have styled them in white on the public page I reference above, the same color as the other image gallery blocks.

    The fonts in the admin are gray on a dark gradient. Please make them white.

    Plugin Support Milos Vlaisavljevic

    (@gdmilos)

    Hello @madriverweb,
    Thanks for your reply.

    Please try this approach:
    – install and activate this plugin
    – Create a new snippet and add the following code:

    add_action('admin_head', 'my_figcaption_admin_color');

function my_figcaption_admin_color() {
  echo '<style>
	.editor-styles-wrapper .wp-block-image figcaption{
		color:#fff !important;
	}
  </style>';
}

    Screenshots:
    https://prnt.sc/TQNxO_OLIrdH
    https://prnt.sc/9uGhs0BNg40a
    https://prnt.sc/nTmJq9qm-ZwW

    Let me know if this helps.

    Kind Regards,
    Milos | GoDaddy

    Thread Starter madriverweb

    (@madriverweb)

    Why must a second plugin be installed to fix another?

    This is not a problem on my end, or with a theme, or with WordPress. Your plugin has poor styling and likely VIOLATES WordPress’ color contrast for accessibility. As I noted, you have a lengthy style specified for the caption. JUST ADD color: #fff and this will take care of it for EVERYONE.

    I don’t have time to do this for every website that uses masonry block.

    Thread Starter madriverweb

    (@madriverweb)

    Can we get closure on this? Simple fix by plugin creator will help ALL users.

    docmartinhk

    (@docmartinhk)

    Just commenting to say I too find it odd the dark captions are very hard to read against dark background, and would seem better if default captions are readily visible if not too “overwhelming” against photo.
    – and don’t really want to style one by one.

    While also: thanks for this block; I do appreciate the way it arranges photos!

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Masonry caption color in admin difficult to see’ is closed to new replies.