Phobic78 Posted August 12, 2022 Share Posted August 12, 2022 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! Link to comment
Solution paul2009 Posted August 12, 2022 Solution Share Posted August 12, 2022 27 minutes ago, Phobic78 said: I'm trying to find a better way of aligning the text in my footer so that the opening times are aligned. 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 ⬇️ Phobic78 1 About: Squarespace Circle Leader since 2017. I value honesty, transparency, diversity 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. Catch up on all the release notes and announcements 2023 [for Circle members only]. There's a public version here too!If I helped, you can thank me by clicking one of the emojis below. If you prefer, you can buy me a coffee.Improve your online store with our extensions. Link to comment
Phobic78 Posted August 12, 2022 Author Share Posted August 12, 2022 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! paul2009 1 Link to comment
paul2009 Posted August 12, 2022 Share Posted August 12, 2022 I'm pleased it helped 🙂 About: Squarespace Circle Leader since 2017. I value honesty, transparency, diversity 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. Catch up on all the release notes and announcements 2023 [for Circle members only]. There's a public version here too!If I helped, you can thank me by clicking one of the emojis below. If you prefer, you can buy me a coffee.Improve your online store with our extensions. Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment