BRINE - modify blog text and picture width on desktop

Site URL: https://www.moondustagency.com/knowledge-center/how-to-optimise-website-for-voice-search

Hi All,

I love my website designed with Brine BUT the large white spaces on the sides of the blog posts drive me nuts. Also, some photos as well as videos will occupy the whole width, which is not really good looking.

How can I use CSS to make the text bloc containers wider and the pictures limited to the same width, and still keep it all responsive? 

I don't have this issue on Mobile, so I need help to change that on Desktop mostly.

Thanks!

(post URL: https://www.moondustagency.com/knowledge-center/how-to-optimise-website-for-voice-search)

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

4 minutes ago, tuanphan said:

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

 

OMG thank you for replying so fast, this is really helpful!