Archived topic
Element layout, 805px for post content, full width for header in post page
5 replies · Started by infocus on June 4, 2020
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!
Hi there,
one option would be to create a Full Width Header Element to display the Post Title.
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 the entry-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 of entry-header will be less class used.
This method might shave off a few letters in your CSS:
https://wordpress.org/support/topic/post-title-width/#post-12944374
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 the entry-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!
You're welcome
Thanks for the feedback on the layout element.