MacUn Posted August 27, 2022 Share Posted August 27, 2022 Site URL: https://caper-harpsichord-tasl.squarespace.com/ Is there a way to only show an image on the first day of a two-day event on the visual calendar? I'd like the date range to show it as being two days but only display a photo on Nov. 19 (not Nov. 20). Thanks in advance. https://caper-harpsichord-tasl.squarespace.com/ pw: art Link to comment
creedon Posted August 28, 2022 Share Posted August 28, 2022 Please see Calendar Block Event Multiday Class Add. Above all that code install the following. <style> .yui3-calendar-day:not( .twc-cbemca-multiday-1 ) .background { display : none; } .yui3-calendar-day:not( .twc-cbemca-multiday-1 ) .background ~ .itemlist { display : block; } .yui3-calendar-day:not( .twc-cbemca-multiday-1 ) .background + .marker { background-color : unset } </style> Let us know how it goes. Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
MacUn Posted August 31, 2022 Author Share Posted August 31, 2022 @creedon Thanks for the help! I followed these steps but now I'm not seeing any images on the calendar at all. https://caper-harpsichord-tasl.squarespace.com/ pw: art Link to comment
creedon Posted August 31, 2022 Share Posted August 31, 2022 It appears you followed the first install step but have not followed the rest of the install steps. Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
MacUn Posted August 31, 2022 Author Share Posted August 31, 2022 @creedon Ah, I see what I missed. Thanks! For the step below, where is this added? Is this just in your custom CSS? Link to comment
creedon Posted August 31, 2022 Share Posted August 31, 2022 In the calendar block event change code you installed in step 1 of the instructions you will find the following lines. const itemCallbacks = [ [enter function name here replacing square brackets or remove line if not using], ]; const itemFlyOutCallbacks = [ [enter function name here replacing square brackets or remove line if not using], ]; Make it look like the following. const itemCallbacks = [ ]; const itemFlyOutCallbacks = [ cbemca, ]; Let us know how it goes. Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
MacUn Posted September 19, 2022 Author Share Posted September 19, 2022 @creedonThanks for all your help. I'm still having trouble having the photo show up on the first day of the multi-day event. I went through all the steps again but still not coming up. Link to comment
creedon Posted September 20, 2022 Share Posted September 20, 2022 (edited) 5 hours ago, mackenzieu said: I'm still having trouble having the photo show up on the first day of the multi-day event. Two things that can make the image not to show. No thumbnail image. When the calendar gets small, SS does not add the image. Edited September 20, 2022 by creedon Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment