Search – icon - by Tagbag - on WordPress WooCommerce support

This topic has 11 replies, 4 voices, and was last updated 5 years, 10 months ago ago by Rose Tyler

  • Avatar: Tagbag
    Tagbag
    Participant
    February 9, 2019 at 11:06

    Hey,

    there was a time as i wanted the word “search” and not the icon for the search-form. But this time is over :3
    Every day I annoy you^^
    Is it possible to undo this?

    Regards!

    10 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    February 9, 2019 at 11:53

    Hi there you need to disable both: buttonand icon?

    Avatar: Tagbag
    Tagbag
    Participant
    February 9, 2019 at 11:58

    Oh a new keymaster? Hey 🙂

    I want to replace the word “search” with the “magnifying glass” icon.

    Regards

    Avatar: Eva
    Eva Kemp
    Support staff
    February 9, 2019 at 12:44

    Please give us in private content area admin and ftp access and link to the site where this search icon is situated. Thanks

    Avatar: Tagbag
    Tagbag
    Participant
    February 9, 2019 at 12:49

    Alright. Thank u

    Please contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    February 9, 2019 at 13:06
    .bbp-search-form input[type="submit"] {
        font-size: 0;
    }
    .bbp-search-form input[type="submit"]:before {
        content: "\e90b";
        font-family: 'xstore-icons';
        font-size: 14px;
        display: inline-block;
    }

    please add this css code
    and clear your plugin cache if you have one

    Avatar: Tagbag
    Tagbag
    Participant
    February 9, 2019 at 13:33

    the idea was good, and normally it should work. But unfortunately nothing has changed.^^ I do not know why..

    Regards

    Avatar: Eva
    Eva Kemp
    Support staff
    February 9, 2019 at 14:47

    Leave please admin and ftp access we will check

    Avatar: Tagbag
    Tagbag
    Participant
    February 9, 2019 at 15:03

    Thanks 🙂

    Please contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    February 11, 2019 at 11:09

    Hello,

    Submit button was created using input. It’s not possible to use CSS pseudo elements for the input to replace the text by icon. So, contact plugin author to get help with editing the PHP files that are related to bbpress search form and HTML structure of the form to get icon instead of the text.

    Regards

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 11, 2019 at 11:47

    Hello,

    Also, you can try

    #bbpress-forums input#bbp_search_submit {
        color: transparent !important;
        background-color: transparent !important;
        border-color: transparent !important;
        font-size:  0px;
        padding: 0px 28px;
        z-index: 3;
    }
    #bbpress-forums #bbp-search-form> div:after {
         content: "\e90b";
         font-family: 'xstore-icons' !important;
         position:  absolute;
         font-size: 25px;
         top: 40px;
         right: 32px;
    }

    http://prntscr.com/mjhuoy (in this case, the background of the button will be transparent).

    Regards

  • Viewing 11 results - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.