Jump to content

How do I remove these grey lines beneath each date and day?

Recommended Posts

58 minutes ago, EmanuelP said:

11861bff503f9c7b2f9d2c8a972d0186.png

Can you share your site with the protected password (if you have) so I can take a look?

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
On 11/4/2022 at 5:21 AM, EmanuelP said:

My apologies, how would I go about doing this? Thanks in advance!

 

Sorry, I'm relatively new to this

See this

 

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

I don't have a solution but general comments.

You've targeted td elements in your CSS so you are seeing double lines. I suggest you want to target more specifically td elements in the calendar table and you may want to target just a top or bottom border.

Calendar blocks are very complex HTML wise because representing dates via HTML is complex. The blocks have a whole bunch of tables cells that are being shown/hidden depending on the month. So when you are trying to add borders you need to consider which td elements are shown or hidden.

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to comment
On 11/9/2022 at 3:49 PM, creedon said:

I don't have a solution but general comments.

You've targeted td elements in your CSS so you are seeing double lines. I suggest you want to target more specifically td elements in the calendar table and you may want to target just a top or bottom border.

Calendar blocks are very complex HTML wise because representing dates via HTML is complex. The blocks have a whole bunch of tables cells that are being shown/hidden depending on the month. So when you are trying to add borders you need to consider which td elements are shown or hidden.

You have helped me identify the issue. I appreciate all the help from yourself and everyone. The issue was as you mentioned, me not targeting a specific block with CSS as opposed to all the tables (including the calendar) showing the lines i targeted with my code. Thank you so much.

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.