Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
uk_a

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

Question

Posted (edited)

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.

Edited by uk_a

Share this post


Link to post

8 answers to this question

Recommended Posts

  • 0

@tuanphan

Thank u. However, it could not be solved.

Is the description incorrect?


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



Share this post


Link to post
  • 0

@uk_a try these


.yui3-squarespacecalendar .yui3-calendar-row:first-child .sunday {
   background: #b3b3b3 !important;
   color: #fff !important;
}



Share this post


Link to post
  • 0

@tuanphan Thank you!

Great!!

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.

Edited by uk_a
Initial Revision

Share this post


Link to post
  • 0

@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.

Share this post


Link to post
  • 0

Thank you for your efforts.If you find a solution in the future, please contact me.

If you know how to specify the month and year, please let me know.

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...