Mobile view, change color for previous/next months background

[stephen nash]

Hello,
how can I change the background color to the links to previous/next month/events at the bottom of month view, list view and event view?
Thank you in advance.

[Patricia]

Hey Stephen,

Thank you for reaching out to us! You can change the background color of the Previous – Next events by adding this code to your style.css file:

.tribe-events-sub-nav li a {
    background: #b32a2a !important;
}

In this example the background color will be changed to red.

I hope this helps! Let me know if you need anything else and I’ll be happy to assist!

Regards,

Patricia

[stephen nash]

Thank you Patricia, that worked.
(Although, it is also adding a background color to the desktop view which used to have no background. But I can live with that!)
I really appreciate your help, thank you again. 🙂

[Patricia]

Hi Stephen!

You can use a Media Query to achieve what you want and only change the background color of previous/next links while in mobile view. Please remove the previous code and add the following in the end of your style.css file:

@media only screen and (max-width: 766px) {
.tribe-events-sub-nav li a {
background: #b32a2a !important;
}
}

PS: The above example changes the background color to red.

I hope this helps!

Let me know if you need anything else and I’ll be happy to assist.

Regards,

Patricia

[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