• Resolved jefflabonte

    (@jefflabonte)


    The menu text on our site is white, with blue subheaders. On the Eventscal page and ONLY the Eventscal page, the text is royal blue and does not appear well on our navy background. Is there a way to address this without plugins or getting into editing the template files?

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • 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 2 years, 8 months ago by Kudzai V.
    • This reply was modified 2 years, 8 months ago by Kudzai V.
    • This reply was modified 2 years, 8 months 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.

    Thread Starter jefflabonte

    (@jefflabonte)

    UPDATE the added CSS solution worked, thank you Leland!

    • This reply was modified 2 years, 8 months ago by jefflabonte.
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Global Header Text Color’ is closed to new replies.