Sundays revisited – mobile

[Joseph]

I give up. I tried all sorts of variations of the first child css to change the bg on Sundays to match the desktop view, but I cannot get the mobile view to change. See pic : http://prntscr.com/byav19

Sundays are closed, so each one has an ‘event’ and shows that darker pattern over the day, probably because the month view. How can get the Sundays for the mobile view to match the desktop view? I used this on the desktop view: `#top td:first-child{
background-color: #FAFAFA !important;
}
`
Thank You

[Geoff B.]

Good evening Joseph and welcome back!

Thank you for reaching out to us.

We are sorry to hear about your struggles with CSS rules.
I would love to help you with this topic.

As a first step, could you please provide us with your complete system information in a private reply using the instructions found in the following link?

https://theeventscalendar.com/knowledgebase/sharing-sys-info/

Secondly, could you provide me with a link to your actual calendar. What I am seeing on http://hcisdpac.org/ does not seem to match ?

Best regards,

Geoff B.

[Joseph]

This reply is private.

[Geoff B.]

Good morning Joseph,

Thank you for writing back and for sharing your system information.

I would recommend using CSS rule such as this one to change the background colour of Sundays on the mobile version of the calendar.

@media only screen and (max-width: 768px) {
#top .main_color #tribe-events-content .tribe-events-calendar td:first-child {
background: #333 !important;
}
}

Of course, you can change the colour and the actual width at which this rule kicks in.

Let me know if that helps.

Have a great day!

Geoff B.

[Joseph]

Thank you Geoff,

that’s got me in the right direction, but the problem isn’t the background per-se but that color line across the date on Sundays. Since we’re closed on Sundays, there isn’t a particular closed category in TEC so I created a recurring event ‘Closed’. Being an event it takes on the darker color as other events, though it’s a non-event. I don’t want to draw attention to Sundays on the mobile view, just have one solid color slightly darker than the weekdays. I’m banging my head against the wall trying to find that exact color strip just for that table column.

[Joseph]

This reply is private.

[Geoff B.]

This reply is private.

[Author]

Posts