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

**URL:** <https://discuss.write.as/t/is-it-possible-to-customize-main-page-to-mirror-individual-post-page-s-layout/3400>\
**Category:** Help\
**Created:** [August 30, 2021, 7:30pm UTC](https://discuss.write.as/t/is-it-possible-to-customize-main-page-to-mirror-individual-post-page-s-layout/3400 "2021-08-30T19:30:49Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![anx](https://discuss.write.as/user_avatar/discuss.write.as/anx/32/1010_2.png) [@anx](https://discuss.write.as/u/anx)\
**Post date:** [August 30, 2021, 7:30pm UTC](https://discuss.write.as/t/is-it-possible-to-customize-main-page-to-mirror-individual-post-page-s-layout/3400/1 "2021-08-30T19:30:49Z")

</div>

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](https://tits.international)

And here is what the individual post page looks like: [Cody J. Information, Works — YIFF 3:16](https://tits.international/hi)

Anyways, hopefully this is something doable through CSS.

---

<div class="post-metadata">

**Author:** ![matt](https://discuss.write.as/user_avatar/discuss.write.as/matt/32/2760_2.png) [@matt](https://discuss.write.as/u/matt)\
**Post date:** [September 1, 2021, 8:10pm UTC](https://discuss.write.as/t/is-it-possible-to-customize-main-page-to-mirror-individual-post-page-s-layout/3400/2 "2021-09-01T20:10:49Z")

</div>

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

```css
#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):

```css
#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…