Home › Forums › Support › Element layout, 805px for post content, full width for header in post page
- This topic has 5 replies, 2 voices, and was last updated 7 months, 3 weeks ago by
David.
-
AuthorPosts
-
June 4, 2020 at 3:45 pm #1314821
Marcelo
Hello Tom and the amazing customer support of GP, i have a question:
I need to use the Element Layout to create one for the posts pages with a max width = 805px. But, the title need to be Full Width (1100px is the full width template).
I did it with CSS, but i want to do it with layout tool.
|----------------------| | HEADER | |----------------------| |POST TITLE FULL WIDTH | |----------------------- | |----------| | | | POST | | | | CONTENT | | | | WIDTH | | | | 805px | | | |----------| | |----------------------| | FULL WIDTH FOOTER | |----------------------|
Thank You very much!
June 5, 2020 at 2:48 am #1315230David
StaffCustomer SupportHi there,
one option would be to create a Full Width Header Element to display the Post Title.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/June 5, 2020 at 6:26 am #1315455Marcelo
Hello David, thank you for your response. Yes i did it too, but have not sense for this change, to many code for a simple width in the head of the post. Went i change a layout in the elements tools, will be great that if i can select the class
inside-article
or theentry-content
for example.In a post page with a width of 805px the title fix to compressed.
What i have is a css, but i dont want use it, anyway have you better way to do it?
.single .entry-content, .single .entry-meta, .single .comments-area{ max-width: 725px; margin-left:auto; margin-right:auto; } .single-post .inside-article .entry-content, .single-post .inside-article .featured-image, .single-post .inside-article .entry-content, .single-post .comments-area, .single-post .inside-article .entry-meta{ max-width:725px; margin-right:auto; margin-left:auto; }
If i can use it for the
inside-article
only and then change the width only ofentry-header
will be less class used.June 5, 2020 at 8:20 am #1315757David
StaffCustomer SupportThis method might shave off a few letters in your CSS:
https://wordpress.org/support/topic/post-title-width/#post-12944374
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/June 5, 2020 at 8:49 am #1315796Marcelo
David, grat resource the pseudo-clase
:not
!Thank you, i learn some new in css.
A feedback, maybe the capability of select the
inside-article
only without theentry-header
in the element layout will be great. Is normal use a full width title in a page or blog page that use one column layout with a width small. If not, the title fix too compress.Thanl you, great work!
June 5, 2020 at 8:51 am #1315798David
StaffCustomer SupportYou’re welcome
Thanks for the feedback on the layout element.
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.