uk_a Posted August 30, 2019 Share Posted August 30, 2019 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
tuanphan Posted August 30, 2019 Share Posted August 30, 2019 @uk_a you should share site url to check custom code. 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
uk_a Posted September 1, 2019 Author Share Posted September 1, 2019 @tuanphan Thank you for answering. It ’s still a test site,please check. https://hoshizumi.squarespace.com/reserver Link to comment
tuanphan Posted September 1, 2019 Share Posted September 1, 2019 @uk_a try .yui3-squarespacecalendar .sunday:first-child 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
uk_a Posted September 1, 2019 Author Share Posted September 1, 2019 @tuanphan Thank u. However, it could not be solved. Is the description incorrect? .yui3-squarespacecalendar .sunday:first-child{ color: #ffffff !important; background: #b3b3b3 !important; } Link to comment
tuanphan Posted September 1, 2019 Share Posted September 1, 2019 @uk_a try these .yui3-squarespacecalendar .yui3-calendar-row:first-child .sunday { background: #b3b3b3 !important; color: #fff !important; } 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
uk_a Posted September 1, 2019 Author Share Posted September 1, 2019 @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. Link to comment
tuanphan Posted September 1, 2019 Share Posted September 1, 2019 @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
uk_a Posted September 1, 2019 Author Share Posted September 1, 2019 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. Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.