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

58 minutes ago, EmanuelP said:

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

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

Sorry, I'm relatively new to this

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

The website isn't private, it is live, the page however isn't accessible from the website yet and is hidden. The page is: https://teamkreve.com/calendar

Let me know if this works? Thanks

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.

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.