Support » Plugin: Ivory Search - WordPress Search Plugin » Search bar style changed with 4.52 update

  • Resolved Jay Collier

    (@jcollier)


    I discovered the same problem somewhat similar to this prior support ticket:

    https://wordpress.org/support/topic/search-bar-style-changed-with-4-52-update/

    Previously, I had used this CSS to style the search bar in our headers here: https://www.mcht.org/

    .mcht-header-search form input
    {
    float: right;
    font-size: 10px;
    height: 22px;
    width: 155px;
    }

    Now, the Ivory Search styles are overriding mine.

    I have added that code to Settings > Custom CSS and purged cache, with no success.

    I then made quite a few changes using what appear to be new styles, but there are some !important attributes, and the placeholder is “Search here …” and we had made it blank.

    What happened? Can I turn off Ivory Search styles altogether?

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter Jay Collier

    (@jcollier)

    Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    I hope you are well today and thank you for your question.

    You can display it like your old search form by adding the below CSS code in the Custom CSS option of Ivory Search plugin settings on the path Ivory Search -> Settings -> Settings

    .mcht-header-search form.is-form-style-3 input.is-search-input {
        float: right;
        font-size: 10px !important;
        height: 22px;
        width: 155px;
        border-radius: 4px;
    }
    .mcht-header-search form.is-form-style-3 button.is-search-submit {
        display: none !important;
    }

    Best regards,

    Thread Starter Jay Collier

    (@jcollier)

    Thanks!

    Three issues remain that I don’t see how to remedy.

    • The space for the button is still open, even with the display: none.
    • We had removed the placeholder, but “Search here…” is still visible.
    • The text is bold.
    Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    The space for the button is still open, even with the display: none.
    The text is bold.

    Please also use the below custom CSS code to resolve it.

    .mcht-header-search .is-form-style.is-form-style-3 label {
        width: 100% !important;
    }
    
    .mcht-header-search .is-form-style.is-form-style-3 
     input.is-search-input {
        font-weight: 100;
    }

    We had removed the placeholder, but “Search here…” is still visible.

    How had you removed it?

    You can remove the text using Search Form Customizer of the search form so please do it by editing the search form.

    Thread Starter Jay Collier

    (@jcollier)

    Thank you!

    Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    You are always welcome here 🙂

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Search bar style changed with 4.52 update’ is closed to new replies.