Element layout, 805px for post content, full width for header in post page

[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!

[David]

Hi 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/

[Marcelo]

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.

[David]

This 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/

[Marcelo]

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!

[David]

You’re welcome

Thanks for the feedback on the layout element.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts