Missing CSS class name on search button wrapper

  • The search button wrapper is a DIV element without any CSS class name.
    The only proper way to style it (e.g. for making it float on the left of the filter dropdown) is using parent selectors, which are currently not supported by every browser, like this:
    div:has(.woof_auto_show) {

    This is the markup:
    <br><div style="position: relative;"><br><code>\<a href="javascript:void(0);" class="woof_show_auto_form woof_btn_default "></code><br>

    It would be very helpful if there were a class name on the outer div.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter Ingo Steinke (openmindculture)

    (@openmindculture)

    As a workaround, I target the DIV using the selector .woocommerce-products-header + div which is not elegant nor robust, but WordPress + (Gutenberg) blocks + WooCommerce + plugins isn’t elegant nor robust either.
    Sooner or later, we will migrate our customer’s shop to a proper e-commerce software.

    But it might still be helpful for other (WOOF) HUSKY users to have a proper class name anyway.

    Plugin Support mediawebster

    (@mediawebster)

    Hello

    Ok! Thank you for your cooperation

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Missing CSS class name on search button wrapper’ is closed to new replies.