Is it possible to customize main page to mirror individual post page’s layout?

Help
1

Hello!

Is there any way I might be able to, through some bit of code, make my main page basically mirror the look and layout of my individual post pages.

Here is the main page: https://tits.international

And here is what the individual post page looks like: Cody J. Information, Works — YIFF 3:16

Anyways, hopefully this is something doable through CSS.

1 Like
2

Definitely possible! I used our CSS.horse tool and came up with these changes, based on your current theme. You’ll just replace this section in your theme:

#blog-title a {
    background-image: url(https://i.snap.as/1GiYsLLy.gif);
    background-position: center;
    background-repeat: no-repeat;
    color: rgba(0,0,0,0);
    display: inline-block;
    width: 135px;
    height: 135px;
    background-size: 135px 135px;
}
#post #blog-title a, #subpage #blog-title a {
    width: 75px;
    height: 75px;
    background-size: 75px 75px;
}

With this (change, deletion, and an addition):

#blog-title a {
    background-image: url(https://i.snap.as/1GiYsLLy.gif);
    background-position: center;
    background-repeat: no-repeat;
    color: rgba(0,0,0,0);
    display: inline-block;
    width: 75px;
    height: 75px;
    background-size: 75px 75px;
}
body#collection header {
    text-align: left;
    margin: 0 auto;
    padding: 1em 2rem;
    max-width: 100%;
}

This makes the header consistent, but there are still some differences with post text spacing…