Viewing 7 replies - 1 through 7 (of 7 total)
  • please give the URL for easier help….

    But basically you probably need to edit the search.php page template.

    @scottsemple

    Add this snippet to the style.css file of your theme:

    .screen-reader-text {
         position: absolute;
         left: -1000em;
    }

    The text will vanish.

    S.K

    Alternately, you can use this snippet too, to have the same effect:

    .screen-reader-text {
         display: none;
    }

    S.K

    Thread Starter scottsemple

    (@scottsemple)

    Thanks!

    The URL is https://www.climbingconditions.com.

    Will the screen-reader-text idea apply to only the text as indicated in my screenshot (above)?

    Thread Starter scottsemple

    (@scottsemple)

    Thanks again! The screen-reader-text solution worked.

    What is “screen-reader-text” and is there anything else I need to be aware of now that it’s in my style sheet? Can it affect anything else?

    It is the css class of the “Search for:” text hard-coded in the WordPress core. If you (or the theme developer) do (does) not mask it or style it through a css attribute, it will show up in an ugly way.

    You search for that term in the style.css of your theme. You can make sure.

    S.K

    FIY

    Display:none WILL remove the text from the screen reader also.
    The only right way to do it is Position:absolute;left:negative.

    But thanks to point out the built-in class. I created a custom class, but I’ll unify all that under the screen-reader-text class.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘How do I remove this text?’ is closed to new replies.