Hi,
With reference to: https://kriesi.at/support/topic/how-do-i-make-the-single-post-with-full-screen-wide-featured-image/
I need my featured photo to be full width above the rest of the post, out of the container. Is there a way to re-create in CSS without having to go into the template files?
I am looking to re-create something similar, but the CSS is not working for me.
.template-single-blog {
width: 100% !important;
}
.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%;
}
I have tried the above CSS to no avail. You may refer to my post link under private content and looking forward to your advise
Hey grayson3323!
I am afraid not.
The image is inside the main grid, so doing that would require to do a lot of modifications to both desktop but responsive view.
Best is to create a child theme, and do any changes you want following the tutorial provided.
Thanks a lot for your understanding
Cheers!
Basilis