Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
ODCIW

Horizontal text spacing

Recommended Posts

Posted (edited)

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

Edited by ODCIW
Initial Revision

Share this post


Link to post

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.


If anyone's response has helped you, show them some love by clicking 'Like' like.jpg.6f2856e82374ca8b5041fff9ee27eef4.jpg. If their response didn't help, ask for more help, or wait for users to chime in. 
Need more complex help than I can provide via the forum? I'm a professional Developer who works with Designers internationally. You can book me via my company's website.

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...