List view

[Annette]

Hello,

I have set the default view to list, however when looking at the webpage form my mobile I see a white box. I have 2 questions: how do we change the blue box color and how do I remove the withe box?

Screenshot: http://www.posturepro.net/wp-content/uploads/2017/01/Screen-Shot-2017-01-29-at-7.55.26-PM.jpg

Webpage: https://www.posturepro.net/upcoming-events/

Thanks

[Geoff]

Hi Annette,

Thanks for getting in touch — your calendar looks great, by the way! Awesome job. 🙂

Ah yes, looks like there’s a wrapping issue. Will you please try adding this to your your theme’s style.css file, or by heading to Appearance > Customize > Advanced CSS:

.tribe-events-list .tribe-events-loop .tribe-event-featured .tribe-events-event-meta {
display: none;
}

Here’s a screenshot of how that looks when I tested it out on your site. Let me know if it does the trick for you as well. 🙂

Cheers!
Geoff

[Geoff]

Oh gosh, I totally missed the first part of your question, which is changing the blue box. You can do that with the following:

.tribe-events-list .tribe-events-loop .tribe-event-featured {
background-color: #333; /* or whatever color you would like */
}

I hope this helps as well. 🙂

Geoff

[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