css achtergrondkleur afbeelding en bijschrift fig en caption
-
Ik wil de achtergrond van een afbeelding opmaken, inclusief het bijschrift
Dit is wat ik wil:
https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_figcaption_css
Je ziet dat de border van de figure-tag zowel de afbeelding als het bijschrift omvat, zodat ik beiden in 1 keer kan opmaken met een achtergrondkleur.
Dit is echter wat er gebeurt op onze site (2e afbeelding in het artikel):
https://www.kemet.nl/meubels-in-het-rijksmuseum-van-oudheden/
Het bijschrift is geen onderdeel van de afbeelding. Te zien aan de border die NIET het bijschrift omvat. De witte achtergrond wordt hier alleen toegepast op het bijschrift.
Mijn extra CSS in mijn WP-thema is echter precies zo overgenomen van de W3schools-pagina:
/*bijschrift opmaak*/ .bijschrift figure { border: 1px solid black; padding: 4px; margin: auto; } .bijschrift figcaption { background-color: white; color: black; padding: 2px; text-align: center; }
In het stylesheet van het Thema (Atahualpa) zie ik geen CSS staan die deze afwijking zou kunnen veroorzaken. Voor nu lijkt het erop dat WP anders omgaat met figure en figcapture dan gebruikelijk? Ik ben benieuwd naar jullie reacties, oplossingen of workarounds. Alvast dank.
Overigens, dat op andere pagina’s eea er wel goed uitziet, komt door het thema dat nog in klassieke stijl wordt gebruikt en waarbij de opmaak standaard zo ingeregeld is (zonder eigen CSS). Als ik echter een pagina converteer naar blokken, verdwijnt de achtergrond van de afbeelding en caption (zie de eerste afbeelding). Ik probeer dat met CSS op te lossen, maar loop dan tegen bovenstaand probleem aan.
De pagina waar ik hulp bij nodig heb: [log in om de link te zien]
- Het onderwerp ‘css achtergrondkleur afbeelding en bijschrift fig en caption’ is gesloten voor nieuwe reacties.