Jump to content

BRINE - modify blog text and picture width on desktop

Recommended Posts

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)

539929811_Capturedecran2020-03-07a15_41_39.thumb.png.538021ed7f54900a802bc955019f5a3e.png

Link to comment
  • Replies 2
  • Views 767
  • Created
  • Last Reply
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!

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.