Tekst onder foto in gallery block

Opgelost

(@andrejoosse)

Hoi.

Sinds de update naar WP 5.9 werkt onderstaande custom code niet meer om de foto captions in een gallery block onder de foto te zetten (ipv over) en de gradient weg te halen.

Iemand een idee hoe de code er na de update uit zou moeten zien?

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

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

De pagina waar ik hulp bij nodig heb: [log in om de link te zien]

2 reacties aan het bekijken - 1 tot 2 (van in totaal 2)

DigitPipe

(@digitpipe)

2 jaren, 2 maanden geleden

Probeer dit eens:

.wp-block-gallery figure.wp-block-image {
    flex-direction: column !important;
}

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

Er zijn wat class namen aangepast. Zonder de !important wordt het mijn inziens ook vrij lastig omdat de css al vrij specifiek staat..

Thread starter

AndreJoosse

(@andrejoosse)

2 jaren, 2 maanden geleden

Yes, hij werkt. Thanks.

2 reacties aan het bekijken - 1 tot 2 (van in totaal 2)

Het onderwerp ‘Tekst onder foto in gallery block’ is gesloten voor nieuwe reacties.

Onderwerptags

Weergaven