Tagged: featured image, full width
-
AuthorPosts
-
November 6, 2015 at 11:55 pm #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.
November 9, 2015 at 5:12 am #532319Hi 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,
IsmaelNovember 10, 2015 at 10:02 pm #533700Thanks 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.
November 12, 2015 at 6:20 am #534565Hey!
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!
IsmaelNovember 13, 2015 at 12:03 am #535157See previous post, how do i get the title below that image?
November 14, 2015 at 10:35 am #535819Hi!
You need to add those content manually as stated on the previous post. Use the text or a code block.
Cheers!
IsmaelNovember 14, 2015 at 11:37 am #535832Thank you.
November 14, 2015 at 12:27 pm #535840Hey!
Please do let us know if you need anything else.
Thanks a lot for your time and patience.
Best regards,
Basilis -
AuthorPosts
- You must be logged in to reply to this topic.