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

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

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1314821
    Marcelo.uy

    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!

    #1315230
    David
    Staff
    Customer Support

    Hi there,

    one option would be to create a Full Width Header Element to display the Post Title.

    #1315455
    Marcelo.uy

    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.

    #1315757
    David
    Staff
    Customer Support
    #1315796
    Marcelo.uy

    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!

    #1315798
    David
    Staff
    Customer Support

    You’re welcome

    Thanks for the feedback on the layout element.

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.