[Support request] Single Post Design Question

[Angel]

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

[Leo]

Hi there,

Which part are you trying to replicate specifically?

Can you link me to your page in question so I can see what you’ve done so far?

You can use the private information field:
https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

Let me know 🙂

[Angel]

this part I want to replicate : https://prnt.sc/A4BiWuAv0UQQ

[David]

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.

[Angel]

ok. got it

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

[David]

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;
}

[Author]

Posts