Styling on current day on calendar view on mobile

[Duncan]

I seem to have a problem when trying to style the current day on calendar view on mobile.

Is there anyway of targeting the current day with css? All I can see is that the date is given an id relative to the day number e.g. (tribe-events-daynum-24) but this obviously changes with the day so not possible to use to target the current day.

I just need the ability to change the padding, background-color and color.

Please see screenshot.

[Jennifer]

Hi Duncan,

First, I want to apologize for the delayed response here! You can indeed target the current day in month view with CSS – the tribe-events-present class is given to the current day in both desktop and mobile view. For example (see screenshot):

#tribe-events .tribe-events-month .tribe-events-present {
background-color: gray;
}

Can you please give this a try and let me know if it works for you?

Thanks,

Jennifer

[Support Droid]

Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

Thanks so much!
The Events Calendar Support Team

[Author]

Posts