make thumbnails square
This commit is contained in:
parent
807f35ff05
commit
7268d4fa21
@ -31,6 +31,7 @@ One of the major changes in this version is that a lot of time was spent on reth
|
|||||||
- Changed the behaviour of `site-css` to include site-wide CSS file **before** instead of after page-specific files
|
- Changed the behaviour of `site-css` to include site-wide CSS file **before** instead of after page-specific files
|
||||||
- Renamed internal css/js files from "main" to "beautifuljekyll" to make it easier for users to troubleshoot
|
- Renamed internal css/js files from "main" to "beautifuljekyll" to make it easier for users to troubleshoot
|
||||||
- Added alt text to all images for better accessibility
|
- Added alt text to all images for better accessibility
|
||||||
|
- Made thumbnail images square instead of circles, as users reported that circles cut off important parts of images
|
||||||
|
|
||||||
#### Bug fixes
|
#### Bug fixes
|
||||||
|
|
||||||
|
@ -434,6 +434,7 @@ footer .footer-custom-content {
|
|||||||
.post-preview {
|
.post-preview {
|
||||||
padding: 1.25rem 0;
|
padding: 1.25rem 0;
|
||||||
border-bottom: 1px solid #eee;
|
border-bottom: 1px solid #eee;
|
||||||
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
@ -503,7 +504,6 @@ footer .footer-custom-content {
|
|||||||
filter: grayscale(0%);
|
filter: grayscale(0%);
|
||||||
}
|
}
|
||||||
.post-preview .post-image img {
|
.post-preview .post-image img {
|
||||||
border-radius: 6rem;
|
|
||||||
height: 100%;
|
height: 100%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user