- This topic has 8 replies, 3 voices, and was last updated 1 year, 6 months ago by
David.
-
AuthorPosts
-
June 20, 2019 at 8:17 pm #936490
Rohan Verma
Hello team,
1) I want to have full length heading on the single posts, how to achieve that?
like this > https://prnt.sc/o4o5xu
2) How to show posts like this on mobile devices on homepage > https://prnt.sc/o4o6shJune 20, 2019 at 8:22 pm #936496Leo
StaffCustomer SupportHi there,
1. You can use our header element for that:
https://docs.generatepress.com/article/how-to-create-a-page-hero/
https://docs.generatepress.com/article/header-element-overview/Then use template tags for the content:
https://docs.generatepress.com/article/header-element-template-tags/2. Can you guide me to your posts page?
Let me know 🙂
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/June 20, 2019 at 8:28 pm #936502Rohan Verma
our current homepage
June 20, 2019 at 8:33 pm #936507Leo
StaffCustomer SupportGive this CSS a shot:
@media (max-width: 768px) { .entry-summary { display: none; } .blog .inside-article, archive .inside-article { display: flex; flex-direction: row-reverse; } .no-featured-image-padding .post-image { margin: 0 10px; } }
Adding CSS: https://docs.generatepress.com/article/adding-css/
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/June 20, 2019 at 8:40 pm #936512Rohan Verma
And one thing leo, after adding the elements I am able to show the header in full length but there is a clear separation between the content like this > https://prnt.sc/o4ocb7 and the heading. How to merge them.
June 20, 2019 at 10:43 pm #936557Rohan Verma
and also how to make a post stay on the homepage. We have selected recent posts on the homepage but want a particular post to stay on the top of the list.
June 21, 2019 at 5:02 am #936797David
StaffCustomer SupportHi there,
1. so do you want the background of the Heading to be in white and extend the fill width of the screen? If so you can do this by editing the header element and giving it a background color and maybe some bottom padding.
We can then provide some CSS to remove the space between header element and content. Let me know if thats what you require.
2. So Edit the post you want to Stick to the top, and in the Status and Visibility settings check: Stick to the top of the blog / front page
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/June 21, 2019 at 5:41 am #936830Rohan Verma
Yes sure for the title please share the css
June 21, 2019 at 6:18 am #936856David
StaffCustomer SupportTry this:
.single-post .page-hero { padding-top: 0; } .single-post .inside-page-hero { padding: 40px; background-color: #fff; box-sizing: border-box; margin-bottom: -12px; }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/ -
AuthorPosts
- You must be logged in to reply to this topic.