Saika

https://velvetwhipphilly.com/events?view=calendar&month=06-2023

I figured it'd be difficult and likely not worth the trouble. Final question, as an alternative to images can I alter the titles of the events that appear enlarged to fit within the the day of each event instead? Or would the same process as you explained be necessary? As you can see in this screenshot, all the show titles of the month appears like this on my phone. This appeared using any one of the code I showed in the beginning post. I know there's a way to create color blocks to highlight particular days with just CSS, so can I just take this text and resize it to the box of the day?

I see, and there's no way currently to access or inject arc attribute to SS javascript? Or is it access is not permitted because SS doesn't want the overall site to be affected if I were to add my own code?

I'm trying to figure out how to get event images to display on mobile. I've tried code from other posts in the forum with a similar problem and only works while editing within the mobile adaptive emulator. Has anyone been able to figure out how to get images to appear when accessing the site on a mobile device (iOs or android)? I use my android phone to test. I have screenshots of the results so far. Before trying code, no images show up. After applying code, images show up but only in the preview. When I try to refresh, access the site on my phone or navigate to the next month, enlarged titles of each event shows up instead. Just an fyi this calendar is not linked to Scheduling. If this isn't a coding problem but an image formatting problem please direct me to someone who can walk me through it. Here's the code I've tried so far: *CODE #1* .yui3-squarespacecalendar .compact-layout .background { display : unset; } .yui3-squarespacecalendar .compact-layout .background + .marker .marker-daynum { color : unset; } *CODE #2* @media screen and (max-width:767px) { .yui3-squarespacecalendar .compact-layout .background { display: block !important; } } *CODE #3* @media screen and (max-width:767px) { .yui3-squarespacecalendar .compact-layout .background { display: block !important; } .yui3-squarespacecalendar .compact-layout .marker { position: absolute !important; top: 50%; left: 50%; transform: translate(-50%,-50%); } }