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

Creating an Hours layout


Recommended Posts

Site URL: https://luxedentaldallas-v1.squarespace.com/home

PW: 1234

I'm trying to build the daily hours into the footer of website. I want it to display as follows:

Monday           xxxx
Tuesday           xxxx

etc. with each day individually spelled out. I put to text blocks next to each other, but in mobile the text boxes will not align. Any ideas on how to make sure the day and hours are on the same line in both desktop and mobile view?

Link to post
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

15 hours ago, DontBeShy said:

@tuanphan yes! That would work great. Can you send the code?

Insert Markdown Block > Add this code

* Monday *05-22*
* Tuesday *05-22*
* Wednesday *05-22*
* Thursday *05-22*
* Friday *05-22*
* Saturday *05-22*
* Sunday *off*

Add this code to Home > Design > Custom CSS. Replace div#block...with your markdown block ID.

See how to find ID. https://chrome.google.com/webstore/detail/squarespace-collectionblo/bggpdfnccodbnmcndckmeehdjkjojkde

/* remove list style */
div#block-yui_3_17_2_1_1586939332981_4992 ul {
    list-style: none;
    padding-left: 0;
}
/* float right day */
div#block-yui_3_17_2_1_1586939332981_4992 li em {
    float: right;
}

 

You can send your question to my email to get detail answer. / How to Setup Password & Share URL 

-- I came back. Will answer soon.

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