Jump to content

Horizontal text spacing

Recommended Posts

I am trying to create a list of subjects with information after a colon for each subject, and want to have all the information line up afterward.

Something along the lines of this (but with the information spaced farther out and lining up):

Colour: Yellow

Shape: Crescent

Texture: Soft

Type: Fruit

I know in various programs the tab button is usually used to do this, however, it doesn't have this function in the site editor.

I managed to get a good attempt using separate text boxes, one for the subject and the other for the information, but with this method, it does not line up or work properly when on phone or tablet view.

Here is an example of the separate textbox method.

alt text Desktop View

alt text Tablet View

example.jpg.be8c4f390c418d32fa9802fae0e05775.jpg

example-2.jpg.622e442ad4a80ff52bdad2b75925180d.jpg

Link to comment
  • Replies 1
  • Created
  • Last Reply

A table will allow you to format the data how you want it. Squarespace doesn't have a Table Block so you'll need to add the HTML manually using a Code or Markdown Block. You'll find several sites online that will help you create this. You'll also need some CSS if you want to keep it responsive on devices will smaller screens. Alternatively, you could use this excellent third party 'Table Block' plugin.

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

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.