Topic: Help with Custom CSS

Posted under General

Is there anyone tech savvy to code up the old post format with the custom CSS or at least something close?

Also, has anyone made a fun or good CSS yet?

I use this Css

@media (min-width: 474px) {
article.thumbnail {
width: min-content;
}
}

article.thumbnail {
max-width: 150px;
min-height: unset !important;
min-width: unset !important;
}

article.thumbnail a {
height: unset !important;
max-height: unset !important;
max-width: unset !important;
width: unset !important;
}

article.thumbnail img {
max-height: 150px;
max-width: 150px;
height: unset !important;
object-fit: unset !important;
pointer-events: none;
width: 100%;
}

@media (min-width: 474px){
article.thumbnail:not(.deleted) img {
width: unset;
}
}

section.posts-container {
grid-template-columns: repeat(3,1fr) !important;
--thumb-image-size: 150px;
}

@media (min-width: 474px) {
section.posts-container {
grid-template-columns: repeat(auto-fill,minmax(var(--thumb-image-size),1fr));
}
}

article.thumbnail .desc {
height: unset !important;
}

.post-thumbnail.dtext img {
max-height: 150px;
max-width: 150px;
width: auto;
height: auto;
}

#image-container.blacklisted img.post-thumbnail-img,
#image-container.blacklisted video,
.post-thumbnail.blacklisted img.post-thumbnail-img,
.post-thumbnail.blacklisted video {
padding: 150px 150px 0 0!important;
background-size: contain;
}

article.thumbnail.deleted img{
width: calc(90vw / 3);
max-width: 150px;
}

azurerelaxo said:
Thank you so so much, works perfectly on both mobile and pc!

Thanks I stole it from a wizard (a random dude on the forums)