Support » Fixing WordPress » Caption under gallery image without affecting image size

Caption under gallery image without affecting image size

  • lipsticksmywarpaint

    (@lipsticksmywarpaint)


    1 month, 1 week ago

    I’m trying to get the image caption to sit below the image and found this CSS code, however the relative position keeps changing the size of the image but without it the caption is in the wrong place on some of the pages. Please help!

    .wp-block-gallery .blocks-gallery-item figure {
    flex-direction: column;
}

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

    Also any idea how to disable CSS for a particular page?

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

Viewing 1 replies (of 1 total)
  • Naoko Takano

    (@nao)

    1 month, 1 week ago

    How about adding something like this to the Custom CSS?
    (you may need to tweak the color of the a element more)

    .blocks-gallery-grid .blocks-gallery-image figcaption {
    color: #000;
    background: none;
}
.blocks-gallery-grid .blocks-gallery-image img {
    padding-bottom: 40px
}
Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.

Topic Tags

Views