Search button margin problem

  • Resolved turbobo

    (@turbobo)


    2 years, 2 months ago

    Hi!
    For some reason, there is a small empty space above the search button in the search bar in the menu bar, how can it be removed? I tried this, but this way the second search bar below slides up.

    .woocommerce button[type=submit]:not(.wp-block-search__button) {margin-top: 0}

    And the bottom search bar button looks pretty weird for some reason.

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

  • Hi @turbobo

    Your code should be working, but to make sure you can use ! important.

    .woocommerce button[type=submit]:not(.wp-block-search__button) {
	margin-top: 0 !important;
}

    Paste it into Appearance -> Customize -> Additional CSS. If you aren’t familiar with custom CSS, take a look at this video.

    Regards,
    Kris

    Thread Starter turbobo

    (@turbobo)

    Thanks for your help. The code works, but there is another search bar below and it will be wrong. Here is the website, maybe this way you can see the problem better: https://www.boltway.hu/

    Hi @turbobo

    To fix the 2nd search bar use this code:

    .woocommerce button[type=submit]:not(.wp-block-search__button) {
	margin-top: 0 !important;
	min-height: 40px !important;
}

.dgwt-wcas-search-wrapp p {
	margin: 0;
}

    Paste it into Appearance -> Customize -> Additional CSS.
    Regards,
    Kris

    Thread Starter turbobo

    (@turbobo)

    Worked. Thank you!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Search button margin problem’ is closed to new replies.