yacloud/hugo-PaperMod
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #1 from mfaani/imageCaption

Browse Source 
added style for figcaption
This commit is contained in:
Mohammad Faani 2022-01-28 17:48:56 -05:00 committed by GitHub
commit fb1eb62d3a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 16 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
assets/css/common/post-single.css
View File

@ -231,11 +231,18 @@
max-width: 100%; max-width: 100%;
} }
.post-content img { .post-content {
border-radius: 4px; border-radius: 4px;
margin: 1rem 0; margin: 1rem 0;
} }
/* Had to make this change so the images have a smaller bottom margin.
This would allow me to position the caption closer to the image*/
img {
border-radius: 4px;
margin: 1rem 0 0.1rem 0;
}
.post-content img[src*="#center"] { .post-content img[src*="#center"] {
margin: 1rem auto; margin: 1rem auto;
} }

9
layouts/_default/_markup/render-image.html
View File

@ -1 +1,8 @@
<img loading="lazy" src="{{ .Destination | safeURL }}" alt="{{ .Text }}" {{ with .Title}} title="{{ . }}" {{ end }} /> {{ if .Title }}
<figure>
<img src="{{ .Destination | safeURL }}" alt="{{ .Text }}">
<figcaption style ="margin: auto; font-style: italic; font-size: x-small; color: rgb(168, 151, 151); text-align: center; width: 80%; padding: 10px;">{{ .Title }}</figcaption>
</figure>
{{ else }}
<img src="{{ .Destination | safeURL }}" alt="{{ .Text }}">
{{ end }}