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

Link to comment
  • Replies 3
  • Views 353
  • Created
  • Last Reply
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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.


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