Jump to content

Foster Blog Title/Body width adjustment

Recommended Posts

Is there a way to adjust the Foster Blog Titles and Body text widths across the whole blog?

At the moment the body is extremely narrow unless you expand your browser very wide - at which point the body copy hits a max width (but then the headline runs very wide!)- or until you shrink your browser until the page hits a break point that calls up a body width that's better.

3 Examples

Here is a medium sized browser window where the body is way too narrow:927236110_Mediumbrowser.png.1f5819f38b72c058a40d5ca351150e2a.png

 

 

Here is a very wide browser window where the body text is good but the headline is a bit ridiculous: 1945789764_Widebrowser.thumb.png.6bd86e867b078f2928818934483e67e7.png

 

 

And here is a narrow window (right after the break point) - that looks perfect ( if only these proportions would be the max width for both title and body text no matter the browser width):

1851567471_Narrowbrowser.thumb.png.dc1d69e6c3a3b803d170fa252de968d2.png

Link to comment
  • Replies 4
  • Created
  • Last Reply

Top Posters In This Topic

  • 3 weeks later...
13 hours ago, jholo said:

HI,

Sure, Here is the site. https://interactivist.squarespace.com

As you'll see, I have an image, and a title question too.

 

Thanks.

It looks like you solved this??

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

Oh sorry!  yeah I got into developer mode and messed with everything I could find until I resolved it.  Here is what I wrote - no idea if it's optimal:

.BlogList {
    max-width: 600px;
     margin-left: auto;
    margin-right: auto;
    padding-left: 1vw;
    padding-right: 1vw;
}
.Main--blog-item .Main-content  {
    max-width: 600px;
    padding-left: 1vw;
    padding-right: 1vw;
}

 

have a feeling using "px" isn't a great solution. But I'm not sure what the alternative would be.

Edited by jholo
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.