How to removie the “X” (exit search) icon from the submit button?

  • Resolved mibro

    (@mibro)


    4 years ago

    Hi. I made a search field. When I try to search something, the “x” (exit search) icon appears over the search icon in the submit button. It looks a bit weird. Is it possible to remove this “x” icon somehow?

    This is how it looks like:

    View post on imgur.com

    Thanks for any tips!

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Mateusz Czardybon

    (@matczar)

    Hi,

    The “x” icon should be on the left side of the “Submit” button – probably global CSS styles have overridden its styles and it is displayed with a shift.

    If you can, please provide the address of your site and I will try to help.

    Thread Starter mibro

    (@mibro)

    I see. I just find out this happens only with Firefox.

    Here is my test site:
    https://kitt.hys.cz/

    Thread Starter mibro

    (@mibro)

    I just updated Firefox and that solved the problem ??

    Plugin Author Mateusz Czardybon

    (@matczar)

    Good to hear, but if the problem persists, here’s a CSS to fix it (only for the “Submit” key when it’s an icon):

    
.dgwt-wcas-close:not(.dgwt-wcas-inner-preloader) {
    right: 50px;
}
    Thread Starter mibro

    (@mibro)

    Ok, thank you.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to removie the “X” (exit search) icon from the submit button?’ is closed to new replies.