Archived topic
Single Post Design Question
5 replies · Started by Angel on November 26, 2022
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,
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 :)
this part I want to replicate : https://prnt.sc/A4BiWuAv0UQQ
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;
}