Aligning Text

Site URL: https://bettertotalk.com

Hi,

I'm trying to find a better way of aligning the text in my footer so that the opening times are aligned. I think that TAB should work but in Squarespace pressing that key cycles around blocks. I have used the space key in the image below but obviously they aren't quite lined up. I also tried to use 2 different text blocks, but as you can see in the 2nd screenshot, they start to overlap when on a smaller screen.

Is there a way to implement this?

Thanks in advance!

2 hours ago, paul2009 said:

There used to be an Opening Hours feature in Squarespace 7.0 but, as you've found, you must manually create this in Squarespace 7.1.

You may want to use a table for this information, by adding it to a Code Block. For example, add a Code Block and then add the following information to the Code Block (noting the settings in the screenshot below):

<style>
th {
  text-align: left;
  padding-right: 7px;
}  
</style>

<table>
<tr><th>Monday</th><td>08:00 - 22:00</td></tr>
<tr><th>Tuesday</th><td>08:00 - 22:00</td></tr>
<tr><th>Wednesday</th><td>08:00 - 22:00</td></tr>
<tr><th>Thursday</th><td>08:00 - 22:00</td></tr>
<tr><th>Friday</th><td>08:00 - 22:00</td></tr>  
</table>

 

  If this post has helped you, please click a 'Like' or 'Thanks' icon below  ⬇️

Thanks @paul2009, this is exactly what I needed!

I'm pleased it helped 🙂