Search Bar CSS Flicker

  • Resolved Sixtel

    (@sixtel)


    6 years, 8 months ago

    I’ve done some moderate customization and CSS overrides and the such and I’m getting this flicker issue when my events list loads. I suspect it’s because I’ve put too many custom CSS rules in and I don’t really know where I’m supposed to be putting them. IE, This is probably my own fault.

    I’m hoping someone out there that’s good with CSS/plug in customization can take a look and suggest how I can keep the search bar from going bonkers when the page loads.

    Thanks!

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

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hey there @sixtel!

    Thanks for reaching out — that’s a great question, I can help with that ??

    This seems to be because the view as element is first loading as a select box causing the Tribe Bar to stretch, then return to normal size after it renders correctly.

    Could you give this a shot in your custom CSS or stylesheet:

    select.tribe-bar-views-select.tribe-no-param {
display: none; }

    Hope that helps!

    Thread Starter Sixtel

    (@sixtel)

    That fixed it! Thanks man!

    For future reference for myself, how did you know that’s what was going on? Everything loads so fast I couldn’t tell. Is there some part of dev tools that break that down?

    Hey @sixtel,

    I’ve seen this behavior on a couple themes before. It’s some sort of conflict that I can never make happen with The Events Calendar and basic themes — what’s unfortunate is that plugins usually have an effect on it as well.

    What tipped me off is that you can see that select box flash real quickly before taking on the CSS styles it’s meant to.

    I dome some more digging for the cause of the conflict, but for now…

    Take care!
    Ed ??

    Thread Starter Sixtel

    (@sixtel)

    Interesting.

    Well thanks so much for the help Ed!

    You’re welcome, let us know if you find the cause!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Search Bar CSS Flicker’ is closed to new replies.