Site logo

Archived topic

Single Post Design Question

5 replies · Started by Angel on November 26, 2022

Viewing posts 1–6 of 6

I want design my single post like this: https://petkeen.com/best-dog-life-jackets/

but have no idea how to do it, any suggestion?

I have tries Page Hero, but in Page Hero:

1. can't disable post content
2. can't control sidebar

Hi there,

Your site is using a Layout Element ( Appearance > Elements ) on your single post, which is setting the content width to 800px and the layout to full width. I would recommend you delete that first. That way your post template will have 1200px of content/sidebar width to work with.

Can you make those changes first? Then we can look at the other changes.

ok. got it

what I need to do if I want the side bar display the same as content

Try this CSS to move the sidebar up on larger screens:


@media(min-width: 1025px) {
   .separate-containers .inside-right-sidebar {
        margin-top: -230px !important;
        margin-left: 20px;
    } 
}

And if you want to add some border radius to it, then add this:


.separate-containers .inside-right-sidebar {
    border-radius: 20px;
    overflow: hidden;
}
This archived topic is closed to new replies.