-
Posts
-
Hi,
Events Calendar Pro in different views are in other pages of our website but not using Avia Layout Builder.
On my test page to display the photo grid view I have to use the Avia Layout Builder because I have several Advance Layersliders on that page.
1. I need to hide the events bar only on my test page.
div#tribe-events-bar {
display: none;
}
I copied the above css to my quick css and it did hide the events bar but it also hid it from all pages. I am I missing something?2. I need to change the font color of the Title and sub nav. to white on this page only.
Thanks!
Hey Susan,
You can use the page id class, like below.
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css.page.page-id-9016 div#tribe-events-bar { display: none; } #tribe-events-content a, .tribe-events-event-meta a, #tribe-events-content h2.tribe-events-page-title { color: #ccc !important; } #tribe-events-content a.tribe-event-url { color: #000 !important; }If you need further assistance please let us know.
Best regards,
VictoriaHi Victoria,
Thank you for your quick response to my request, I really appreciate it.
The first part of css works!
The second part changed more than the title but also other fonts within calendar month views.
That being said, I followed your lead and tweaked it, and now works.Yay! thanks so much Victoria. I learned a lot from you.
You can close this thread!
Cheers!!!
- The topic ‘Enfold and Event Calendar Pro: Hiding the event's bar & Title, sub nav color’ is closed to new replies.