PrivateCoffee/wp-duckbehaviorjournal
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: enhance image and caption styling in CSS

Browse source 
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
1 changed files with 26 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
style.css
View file

@ -107,4 +107,30 @@ a h5 {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
margin-bottom: 20px; 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;
} }