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
  • Views 284
  • Created
  • Last Reply

Top Posters In This Topic

  • 3 weeks later...

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.