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

Calendar Customization (7.1)

Question

Site URL: https://goby-icosahedron-jc2m.squarespace.com/events

Hi Folks,

I have a few questions about the calendar customization in 7.1.

Here is the page I'd like to display my calendar:
https://goby-icosahedron-jc2m.squarespace.com/events
(password: circle)

I'd like to be able to:

  • Change the background color of the boxes (days). Now, it's too subtle that on some screens it's almost impossible to understand the tone difference.
     
  • Change the event date tag color (now white)
     
  • Make the font size of the days larger
     
  • And (probably the most difficult one) put a standard to the hover windows. Now, one event opens an overlay that fills two boxes, while the other one fills four. Looks completely random and doesn't make any sense to me. (Please see the images attached)

Thank you so much in advance for your help.

Best,
Ozan

Screen Shot 2020-07-14 at 6.50.42 PM.jpg

Screen Shot 2020-07-14 at 6.54.24 PM.jpg

Screen Shot 2020-07-14 at 6.54.16 PM.jpg

Share this post


Link to post

4 answers to this question

Recommended Posts

  • 0

I don't see Calendar in above link. Can you share link to exact page?


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0
1 hour ago, tuanphan said:

I don't see Calendar in above link. Can you share link to exact page?

It's there actually, if you scroll down a bit.

Share this post


Link to post
  • 0
  • Change the background color of the boxes (days). Now, it's too subtle that on some screens it's almost impossible to understand the tone difference.
     
  • Change the event date tag color (now white)
     
  • Make the font size of the days larger
     
  • And (probably the most difficult one) put a standard to the hover windows. Now, one event opens an overlay that fills two boxes, while the other one fills four. Looks completely random and doesn't make any sense to me. (Please see the images attached)

Add to Home > Design > Custom CSS

/* day color background */
.yui3-squarespacecalendar .background+.marker {
    background: green !important;
}
.yui3-squarespacecalendar .background+.marker * {
    color: white !important;
	font-size: 30px !important;
}

 


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0
9 hours ago, tuanphan said:
  • Change the background color of the boxes (days). Now, it's too subtle that on some screens it's almost impossible to understand the tone difference.
     
  • Change the event date tag color (now white)
     
  • Make the font size of the days larger
     
  • And (probably the most difficult one) put a standard to the hover windows. Now, one event opens an overlay that fills two boxes, while the other one fills four. Looks completely random and doesn't make any sense to me. (Please see the images attached)

Add to Home > Design > Custom CSS


/* day color background */
.yui3-squarespacecalendar .background+.marker {
    background: green !important;
}
.yui3-squarespacecalendar .background+.marker * {
    color: white !important;
	font-size: 30px !important;
}

 

Thank you so much dear tuanphan.

Should I assume that it's not technically possible to change the font size for all of the days (even the ones without events) in the calendar, the color of the boxes of all days, and standardize the size and position of the overlays?

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