Jump to content

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 comment
  • Replies 3
  • Views 958
  • Created
  • Last Reply
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;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.