Site logo

Archived topic

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

5 replies · Started by infocus on June 4, 2020

Viewing posts 1–6 of 6

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.

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.

This archived topic is closed to new replies.