Jump to content

Index Page Description Formatting

Recommended Posts

Site URL: https://www.whatmattmakes.com

First time posting. I am using the template Henson, and have an index page as the home screen. I want the description text on the indexpage/home screen to sit on two lines instead of one, but hitting enter in the description box under "Index Settings" leaves a giant gap between the two lines. It's especially awkward on mobile. I can hit the space bar several times, but then it looks wonky on extra wide monitors. 

Is there any way to set a a max width for the description so it stays on two lines? Or anyway to adjust on mobile only? Picture below shows how it sits on one line, and when I hit enter. I'd like the line spacing of the first option,  but split like the second option. 

EDIT: Also, if I adjust the linespacing in the Design section, it fixes it on desktop, but stacks all the letters on top of each other in mobile.

Any ideas are appreciated.832759403_ScreenShot2021-02-08at5_50_59PM.thumb.png.fa83b1930f13e6923fc8288c530253e0.png905470056_ScreenShot2021-02-08at5_51_08PM.thumb.png.3bf03a102752e1680d1d7ebbc73052aa.png

Edited by mattricht
Link to comment
On 2/9/2021 at 10:30 PM, mattricht said:

 

Hi tuanphan,

I have made the second line bold, how would I go about breaking the line? 

Add to Design > Custom CSS

body.homepage .collection-nav-desc-wrapper p strong {
    display: block;
    font-weight: normal;
}

 

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.