How do I fix a search string?

  • Resolved Altcheb

    (@altcheb)


    6 years, 9 months ago

    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 Author 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;
}
    Thread Starter Altcheb

    (@altcheb)

    Wow magic! Many thanks for your help!

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

    Plugin Author Galen Gidman

    (@galengidman)

    This should work:

    .helppress-search__input { height: 32px; }
    Thread Starter Altcheb

    (@altcheb)

    Excellent! Thank you for your help!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How do I fix a search string?’ is closed to new replies.