Wie Lupe aus dem Suchfeld entfernen?

  • Hallo,
    wie ich das Suchfeld lösche b. z. w. deaktiviere weiß ich aber ich möchte nur die Lupe entfernen. Kann mir jemand sagen, wie ich das hinbekomme?
    Danke im Voraus.

    Why did the programmer quit his job? Because he didn't get arrays.

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Hey,

    wie ist es mit dem Inhalt der searchform php

    <form role="search" method="get" id="searchform" class="search-form" action="<?php echo home_url( '/' ); ?>">
    <label>
    <span class="screen-reader-text" for="s">Search for:</span>
    <input class="search-field" type="text" value="" placeholder="Hier das Suchwort eingeben..." name="s" id="s" />
    </label>
    <input type="submit" class="search-submit" value="Search">
    </form>

    Why did the programmer quit his job? Because he didn't get arrays.

  • Ey, angemeldet seit 2016, 514 Beiträge. Natürlich gibt es Gründe dafür, wenn man seine Domain hier nicht gerne veröffentlichen will, aber dass diese spezielle Frage nun wirklich niemand ohne Link beantworten kann, sollte dir eigentlich klar sein.

  • Im Twenty-Twenty Themes (falls du das verwendest....) wird die Lupe mit folgendem CSS ausgeblendet:

    CSS
    .search-toggle svg{
      display: none !important;
    }


    P.S.: ..... und z.B. im Theme Newsup:

    Code
    .mg-search-box.pr-2 {
        display: none;
    }

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

    Einmal editiert, zuletzt von SEpp55 (8. Dezember 2021 um 17:57)

  • Ey, angemeldet seit 2016, 514 Beiträge. Natürlich gibt es Gründe dafür, wenn man seine Domain hier nicht gerne veröffentlichen will, aber dass diese spezielle Frage nun wirklich niemand ohne Link beantworten kann, sollte dir eigentlich klar sein.


    Das ist jetzt Unsinn, entweder jemand weiß, wie es geht, oder eben nicht. So viele Möglichkeiten gibt es da nicht.

    Im Twenty-Twenty Themes (falls du das verwendest....) wird die Lupe mit folgendem CSS ausgeblendet:

    CSS
    .search-toggle svg{
      display: none !important;
    }


    P.S.: ..... und z.B. im Theme Newsup:

    Code
    .mg-search-box.pr-2 {
        display: none;
    }


    Bei diesen 2 Themes weißt du wie die Lupe entfernt wird, und bei den restlichen zigtausend weißt du es nicht. Klasse!

    Why did the programmer quit his job? Because he didn't get arrays.

  • und bei den restlichen zigtausend weißt du es nicht. Klasse!

    .
    Ich will es gar nicht wissen, ich weiß wie man das herausfindet :p!!!
    Du kapierst NICHT warum ich 2 x-beliebige Themes herausgenommen habe. Es sollte aufzeigen, das zumindest das nennen des Themes, das du bisher vermieden hast, eine schnelle Lösung sein kann. Ich kann mit hoher Wahrscheinlichkeit bei sehr vielen Themes herausfinden, wie z.B.die Lupe ausgeblendet wird! Dazu ein ausgeborgter Stehsatz "Das ist ja keine Raketenwissenschaft", auch sonst keine Wissenschaft!
    Nur werde ich nicht weitere Themes aufführen, bis deines dabei ist und du zufrieden bist! Das könnte den Rahmen des Forums sprengen und so nebenbei widme ich meine Zeit lieber Beiträgen wo etwas kooperativer geantwortet wird.
    Das wars für mich, viel Erfolg!

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

  • @meisterleise Don't feed the troll.

    Wenn es hier wirklich noch um eine Lupe gehen würde, wäre alternativ zum eigenen Website schon längst ein Link zur Theme Demo oder zumindest ein Theme Name gepostet worden. Dann gäbe es ggf. immer noch Rückfragen, aber es wäre zumindest ein Ansatz für mögliche Hilfe vorhanden. Fleissige Helfer des Forums haben an anderer Stelle auch schon ganze Videos erstellt, wie man Elemente bzw. CSS-Klassen herausfinden kann bzw. die Nutzung des Browser Inspectors zig mal erklärt. Das sollte langjährigen Forenteilnehmern irgendwann aufgefallen sein. Also geht es offenbar um irgendwas anderes, um was auch immer. o_O

  • @Persephone wenn es um deine Astro Seite geht, dort verwendest du das Theme Blogoma
    die Lupe ist als Background (data:image/png;base64) per CSS definiert

    CSS (base64 Bildcode gekürzt)

    also einfach

    Code
    background: none;


    verwenden

  • ... eine Lösung bescherrt bekommt.


    Jeder soll in diesem Forum eine Lösung für sein Problem bekommen.

    Und andere sollen aus der Lösung lernen können, indem sie nachvollziehen können was/wo/wie durch eine vorgeschlagene Änderung passiert.

    Das Problem hier wäre mit den entspr. Angaben lt. Forenregeln bereits am Dienstag gelöst gewesen.

  • Hmmm – Frau Persephone hat auf ihrer Astroseite immer noch die Lupe im Suchfeld.
    Anscheinend hat ihr der Lösungsvorschlag nicht gefallen. :cool: Was sagt man dazu...

  • Ja, so ist es, die Lupe ist immer noch da, weil es mehrere Einträge dazu gibt u. ich nicht weiß, ob da einmal backround: none ; reicht.
    .search-form .search-field{
    width: 100%;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    outline: none;
    height: 55px;
    border: 2px solid #EAEBEF;
    width: 100%;
    padding: 10px;
    background: url(../images/search-icon-bg.png) right transparent no-repeat;
    font-weight: 300;
    box-sizing: border-box;
    }

    .search-form .search-field:focus{
    background: url(../images/search-icon-bg.png) right transparent no-repeat;
    }


    .search-holder .search-field:focus{
    background: none;
    border: none;
    }

    .search-holder{
    display: none;
    }


    .search-holder .search-field::-webkit-input-placeholder {
    color: #444;
    }

    .search-holder .search-field{
    border: none;
    font-size: 44px;
    height: 85px;
    background: none;
    color: #6D7893;
    }

    .search-holder .search-info{
    font-family: 'PT Sans', sans-serif;
    font-size: 11px;
    color: #999;
    letter-spacing: .2em;
    text-transform: uppercase;
    position: absolute;
    right: 85px;
    top: 42px;
    font-weight: bold;
    }
    .search-holder .search-info strong{
    color: #666;
    }

    .search-holder .close-btn{
    background: url(../images/close-icon.png) 0 0 transparent no-repeat;
    text-indent: -999em;
    width: 32px;
    height:32px;
    display: block;
    position: absolute;
    right: 34px;
    top:34px;
    }

    Why did the programmer quit his job? Because he didn't get arrays.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!