Lorvette
-
Posts
3 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Posts posted by Lorvette
-
-
Thanks @tuanphan my site is h2hcottageco.com. But, here is the URL to the calendar page. I have not yet linked it to my main navigation yet until it is working.
https://h2hcottageco.com/kennisis-lake-availability-calendar
i only see only the originally orange (but now i changed them to green...) squares on mobile phone for all the events. I'm not seeing the pink squares for the event with "pink" added to the event name which is: /kennisis-lake-availability-events/event-two-nme24-pink
and here is the CSS code I am using:
/* Mobile Calendar */
@media screen and (max-width:767px) {
.has-event {
background-color: #f2b705 !important;
}
}
@media screen and (max-width:767px) {
a.background-image-link [href*="pink"] {
background-color: #f26bdc !important;
}
.has-event * {
color: white !important;
}
}
-
Hi @tuanphan. Thanks for the above code but we copy/pasted and are trying it as-is and it is not recognizing the link through the href to my event. All my events dates are still coloured orange, nothing pink even though the URL was updated to end in "-pink". Any suggestions?
Events Calendar in Phone View
in Customize with code
Posted
thanks so much for looking at this @tuanphan. Any luck yet? Essentially I want to be able to have potential cottage rental guests be able to see my availability dates on my calendar. At a bare minimum this is what I need. I'm open to any other suggestions you may have if this code cannot work?
Thanks
Laura