Jump to content

Blog Entry Title Width

Recommended Posts

Site URL: https://dscom.squarespace.com/projects

I'm trying to figure out how to make the blog post title width wider. I don't have any options to do it in the regular design tools.

I can use CSS to make the h1 element wider and it'll work, but since the container is still small, the titles are just off center and overflowing to the right.

Does anyone know how to adjust the entry-title div so my titles don't wrap so tightly?

 

Attached are images of a title wrapping (default) and what happens if I force the h1 width to be larger (off center).

Screen Shot 2021-03-18 at 4.59.43 PM.png

Screen Shot 2021-03-18 at 5.00.11 PM.png

Edited by dan-sturm
Link to comment
  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

On 3/19/2021 at 6:53 AM, dan-sturm said:

Site URL: https://dscom.squarespace.com/projects

I'm trying to figure out how to make the blog post title width wider. I don't have any options to do it in the regular design tools.

I can use CSS to make the h1 element wider and it'll work, but since the container is still small, the titles are just off center and overflowing to the right.

Does anyone know how to adjust the entry-title div so my titles don't wrap so tightly?

 

Attached are images of a title wrapping (default) and what happens if I force the h1 width to be larger (off center).

 

Add to Design > Custom CSS

/* blog post title width */
article header {
    max-width: unset !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

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.