feat: enhance image and caption styling in CSS

Added styling for images and captions to improve visual aesthetics and consistency. Images now have a maximum width of 100%, a border, padding, and a subtle box shadow. Captions are centered, italicized, and have appropriate margin and padding, enhancing readability and appearance.
This commit is contained in:
Kumi 2024-08-02 23:08:05 +02:00
parent e2530b5da7
commit 5201a8a7d6
Signed by: kumi
GPG key ID: ECBCC9082395383F

View file

@ -108,3 +108,29 @@ a h5 {
margin-right: auto;
margin-bottom: 20px;
}
.wp-block-image img,
.alignleft,
.alignright,
.aligncenter {
max-width: 100%;
height: auto;
border: 1px solid #ddd;
padding: 5px;
background-color: #f9f9f9;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.wp-caption {
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
font-style: italic;
color: #666;
}
.wp-caption .wp-caption-text {
padding: 5px 10px;
background-color: #f9f9f9;
border-top: 1px solid #ddd;
}