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

Edited by digitalkbe
Link to comment
  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

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

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
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

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.