How to create a full width text blog in a blog post (7.)

Site URL: https://www.michaelaaue.com/new-blog/tag1

hi there, 

how can i make the text in a blog post full width (or lets say same with as the header image) there is a link here and the txt is always in the middle. it's a layout from the brine family. 

https://www.michaelaaue.com/new-blog/tag1

I'd be super happy if someone could help. I tried a couple custom css but so far none of then worked. 

Add to custom css:

@media screen and (min-width:901px) {
.collection-type-blog.view-item .BlogItem.hentry
 .sqs-grid-12 :not(.sqs-block-image) {
    width: 100% !important;
}
}

thank you, i tried adding that in the page header code injection. but it wont accept the code. it shows up on the top of the side. and if i put it in the custom css under design, the video frame starts acting up and is not centered anymore. sorry, anythign i am missing to do? 

7 hours ago, michiii said:

thank you, i tried adding that in the page header code injection. but it wont accept the code. it shows up on the top of the side. and if i put it in the custom css under design, the video frame starts acting up and is not centered anymore. sorry, anythign i am missing to do? 

Add this to Page Header

<style>
  @media screen and (min-width:901px) {
.collection-type-blog.view-item .BlogItem.hentry
 .sqs-grid-12 :not(.sqs-block-image) {
    width: 100% !important;
}
}
</style>

thank you. that works, only the embedded video loses it's proportions. any workaround there?

you can see the example here. the play button is all the way to the right and the image bigger than the header... 

https://www.michaelaaue.com/new-blog/tag1

On 1/16/2021 at 2:25 PM, michiii said:

thank you. that works, only the embedded video loses it's proportions. any workaround there?

you can see the example here. the play button is all the way to the right and the image bigger than the header... 

https://www.michaelaaue.com/new-blog/tag1

Url doesn't exist. Can you check again?