Jump to content

About customizing the calendar that changes color only on the first Sunday of the month

Recommended Posts

Hi there,


I am considering building a website using the Sonora design template.Currently, there is one point of difficulty, and I will post here if you can lend me your wisdom to solve it.


Calendar customization that changes color only on the first Sunday of the month.Currently, all Sunday colors of the month are supported by the following description, but I want to change the color only for the first week.

  .yui3-squarespacecalendar .sunday{ 
color: #ffffff !important; background: 
#b3b3b3 !important; }

I hope that you will answer.


Thank you.

Link to comment
  • Replies 8
  • Views 753
  • Created
  • Last Reply

@tuanphan Thank you!


Sunday in the first week was changed.


However, my way of communicating was bad. I'm sorry.

Do you have a solution if there is no Sunday in the first week and the second Sunday is the first Sunday of the month?

I want to change the color only on the first Sunday in the month.


Thank you for your consideration.

Link to comment

@uk_a That was the problem I was thinking, before sending the above code. Seems difficult. Still thinking.

My friend suggested using JS / jquery to handle. However it's beyond my ability.

There is a temporary workaround. If you have 12 months, you will manually insert the code to handle the above problem (will need about 2-9 code as above)

When 2020, 2021 ... comes, you will continue to change the above code, so that it works with the new year.

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


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.