Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #531681

    Regarding this question here: I have set the single post style “Single post with big preview image” configuration., I’d like to place each post’s featured image as a full-screen wide image that runs 100% of screen width across the top of the post page, rather than the image be constrained by the width of the container.

    #532319

    Hi Dutchman!

    Thank you for using Enfold.

    I’m sorry but this is not possible without modifying the single.php template as stated on the previous post. You need to find a way to pull out the featured image out of the main container. Or for a much easier workaround, use the advance layout builder for post. Note that the post built the with the ALB might not work exactly the way a default post does (ex: the excerpt).

    EDIT: Try this in the Quick CSS field:

    .template-single-blog {
    	width: 100% !important;
    	padding: 0;
    }
    
    .template-single-blog main.content.units.twelve.alpha {
    	width: 100%;
    }
    
    .template-single-blog main.content.units.twelve.alpha article > *, .template-single-blog main.content.units.twelve.alpha > * {
    	width: 1030px;
    	margin: 0 auto;
    	float: none;
    }
    
    .template-single-blog main.content.units.twelve.alpha article .big-preview.single-big, .template-single-blog main.content.units.twelve.alpha article {
    	width: 100%;
    }
    
    .template-single-blog .comment-entry.post-entry {
        max-width: 1310px;
        padding: 50px;
    }
    

    Best regards,
    Ismael

    #533700

    Thanks for the input but that makes everything a little bigger with a less sharp featured image. I could disable the featured image and use the alb for a full screen image but how do i get the title and the post meta infos below the image? I would like the image full width on top and below that image the title + post meta infos.

    #534565

    Hey!

    Use images with larger size if it loses sharpness. You need to add the post meta infos manually by using a text or a code block. Or follow the solution provided here: https://kriesi.at/support/topic/title-blog-layout/#post-523470

    Cheers!
    Ismael

    #535157

    See previous post, how do i get the title below that image?

    #535819

    Hi!

    You need to add those content manually as stated on the previous post. Use the text or a code block.

    Cheers!
    Ismael

    #535832

    Thank you.

    #535840

    Hey!

    Please do let us know if you need anything else.

    Thanks a lot for your time and patience.

    Best regards,
    Basilis

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.