wp-block-gallery documentation

  • Hi, I hope I picked the right forum for this…

    A very general question: I want to add custom css to my WP site to change the appearance of the standard .wp-block-gallery

    Through searching various forums I already found out that I can change thumbnail caption parameters with

    .wp-block-gallery .blocks-gallery-item figcaption {
    position: relative;
    bottom: auto;
    width: 100%;
    max-height: 100%;
    overflow: auto;
    padding: 10px 0 20px 0;
    color: #333;
    text-align: center;
    font-size: 13px;
    background: linear-gradient(0deg,rgba(0,0,0,0),rgba(0,0,0,0) 0%,transparent);
    }

    But I never found comprehensive documentation on what styles (?) are available for .wp-block-gallery
    (For example, I would like to change the background color on hover)

    So, can you help me to find more infos on that?

    thanks, geb

Viewing 1 replies (of 1 total)
  • Moderator bcworkz

    (@bcworkz)

    Sorry for the late reply. In case you’ve not already solved this, a background color on hover over individual thumbnails is not effective because the image covers the entire background. You could make the image fade on hover by applying an opacity rule. Or you can apply a partly transparent overlay on hover by adding a pseudo-element. Details can be found in this SO answer.

    In general, use your browser’s element inspector developer tool to help you compose the right CSS rules. Once you have the right rules in the tool, copy your changes to the Additional CSS panel of the customizer to make your new rules persistent.

Viewing 1 replies (of 1 total)
  • The topic ‘wp-block-gallery documentation’ is closed to new replies.