Spinner overlaying Searching text

  • When searching, the spinner is overlaying the “searching” text. I’m sure this must be my fault with my CSS, as the WPSL Demo has the spinner to the left of the text.

    My problem is, the search is too fast for me to inspect the HTML and CSS in my browser to find the fault.

    What HTML structure is used to display the Searching text and the spinner? If I know that, hopefully I can see where my CSS is at fault.

    Thanks.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter Andy Macaulay-Brook

    (@andymacb)

    Just to add: I’ve restyled the <li> elements in the results, reducing the left padding to add a border to the left of each store address and I suspect this is the problem.

    I see that the No Results message sits in one of these <li>s and so I presume that the Searching is the same. If the classes used on all these elements were in the documentation then that would be a great help when restyling.

    So I guess I just need help with the class(es) applied here while waiting for the search to complete?

    Thanks.

    Plugin Author Tijmen Smit

    (@tijmensmit)

    The li that holds the preloader has the wpsl-preloader class set.

    Hope that helps ??

    If not, then please share the URL.

    Thread Starter Andy Macaulay-Brook

    (@andymacb)

    Perfect, thanks.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Spinner overlaying Searching text’ is closed to new replies.