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
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

This is an example, use 1 Text Block. You can see: https://cylinder-mackerel-pnk5.squarespace.com/text-tab?password=abc

If you feel okay, I will send code to do. 

(you can remove dots, reduce spacing)

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

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

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