Hey @jefflabonte! Thanks for using our plugin! I see you’re using Ubermenu. It’s difficult to determine what may be causing the conflict but we’ll definitely try to help. I noticed you’re using Ubermenu and Divi. Do you have a sandbox or copy of the website where you can try and see if the behavior continues when you disable Ubermenu. Looks like it’s applying the #255fc4 color to the <a>
tag on the calendar page only, while “#fff” is the menu color on other pages. Please let me know if you’re able to check how it looks with the default WordPress menu.
https://d.pr/i/8jvUrS
https://d.pr/i/bcPJHN
-
This reply was modified 3 years ago by
Kudzai V.
-
This reply was modified 3 years ago by
Kudzai V.
-
This reply was modified 3 years ago by
Kudzai V.
Hi there,
Thanks for using The Events Calendar.
I see the issue and that blue color does not come from our end. It comes from this file: https://auburnchamberma.org/wp-content/et-cache/global/et-divi-customizer-cpt-global.min.css?ver=1647032794
And the inline styles set on those Uber Menu selectors are not specific enough to be taking effect on the events post type archive.
As far as solutions go, there are a number of ways to peel this onion.
One way would be by adding the following Custom CSS to the site:
.et-db #et-boc .et-l .ubermenu-new_template_blank .ubermenu-item-level-0 > .ubermenu-target {
color: #fff;
}
.et-db #et-boc .et-l .ubermenu-new_template_blank .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target {
color: #10396f;
}
.et-db #et-boc .et-l .ubermenu.ubermenu-new_template_blank .ubermenu-item-level-0:hover > .ubermenu-target {
color: #9b9b9b;
}
This is based off the inline CSS currently on the site. I’m just adding the .et-db #et-boc .et-l
beforehand for enough specificity.
Why this is necessary only on the events post type archive, I am not quite sure.
100% of these CSS selectors appear to be related to either Elegant Themes or Uber Menu, which means there may be some other options within those products.
I hope this information is helpful. Let us know how it goes.
Best regards,
Leland
Thanks Leland 😃 ! @jefflabonte Leland is one of our experts so hopefully his answer helps give you direction on how to troubleshoot the issue further.
UPDATE the added CSS solution worked, thank you Leland!