Support » Plugin: HelpPress Knowledge Base » How do I fix a search string?

  • Resolved Altcheb

    (@altcheb)



    The search string is not very nice because it is smaller in height than the button and is shifted down. How can I remove words above the search field? Thank you!

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Contributor Galen Gidman

    (@galengidman)

    Hi Altcheb.

    Those words are only meant for screen readers and are not meant to be shown. They use a .screen-reader-text class that WordPress requires themes to contain. Since it looks like your theme is missing that, here’s some CSS you can add in the customizer that will hide the label, thus centering the search input and button:

    /* Text meant only for screen readers. */
    .screen-reader-text {
      border: 0;
      clip: rect(1px, 1px, 1px, 1px);
      clip-path: inset(50%);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute !important;
      width: 1px;
      word-wrap: normal !important;
    }

    Wow magic! Many thanks for your help!

    Tell me please – the height of the field for entering the query changes too in styles?

    Plugin Contributor Galen Gidman

    (@galengidman)

    This should work:

    .helppress-search__input { height: 32px; }

    Excellent! Thank you for your help!

Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.