Strange spinner style

  • Resolved Tobias

    (@tobiaseichner)


    2 years, 4 months ago

    Hi!

    since the last or second-to-last update of the plugin, a disproportionately large blue ring appears instead of the default spinner while typing in the search field.

    I tried to get rid of that one with various CSS settings, but failed hopelessly. They seem not to have any effect at all (cache plugin disabled for testing).

    How can I re-enable the “old” spinner or use a custom graphics set?

    Thanks
    Tobias

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Mikko Saari

    (@msaari)

    Version 2.0.0 replaced the old JS spinner with a new CSS spinner. You can’t get the old spinner back, but as the new spinner is all CSS, you can modify it as much as you want with CSS.

    For example, to make the spinner smaller, you could use

    div .rlv-has-spinner {
  width: 22px;
  height: 22px;
}

div .rlv-has-spinner::after {
  top: -3px;
  left: 18px;
}

    If the spinner is visible, there’s a div with a class rlv-has-spinner. You can use that as you wish to customize the spinner.

    To remove the default spinner styles (and a lot of other CSS stylings, too), use

    wp_dequeue_style( 'relevanssi-live-search' );

    Thread Starter Tobias

    (@tobiaseichner)

    I thought I already tried this, but noticed that I had a typo in my code which I haven’t found during testing.

    Now it works great, thanks to your help and provided example. ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Strange spinner style’ is closed to new replies.