1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Wie Lupe aus dem Suchfeld entfernen?

Dieses Thema im Forum "Allgemeines" wurde erstellt von Persephone, 7. Dezember 2021.

Seite 1 von 2
  1. Persephone

    Persephone Well-Known Member

    Registriert seit:
    21. Februar 2016
    Beiträge:
    597
    Zustimmungen:
    48
    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.
     
    #1 Persephone, 7. Dezember 2021
  2. Henk1060

    Henk1060 Well-Known Member

    Registriert seit:
    4. September 2014
    Beiträge:
    3.927
    Zustimmungen:
    349
    Hy,

    du solltest schon wissen, was wir wissen wollen .-)

    Zur not per css ausblenden
     
    #2 Henk1060, 7. Dezember 2021
    meisterleise gefällt das.
  3. Persephone

    Persephone Well-Known Member

    Registriert seit:
    21. Februar 2016
    Beiträge:
    597
    Zustimmungen:
    48
    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>
     
    #3 Persephone, 7. Dezember 2021
  4. Henk1060

    Henk1060 Well-Known Member

    Registriert seit:
    4. September 2014
    Beiträge:
    3.927
    Zustimmungen:
    349
    es wird wahrscheinlich per css before oder after das icon eingebunden.

    Welches Theme oder link zur seite?
     
    #4 Henk1060, 8. Dezember 2021
  5. Persephone

    Persephone Well-Known Member

    Registriert seit:
    21. Februar 2016
    Beiträge:
    597
    Zustimmungen:
    48
    Was wird da eingebunden?
     
    #5 Persephone, 8. Dezember 2021
  6. Henk1060

    Henk1060 Well-Known Member

    Registriert seit:
    4. September 2014
    Beiträge:
    3.927
    Zustimmungen:
    349
    #6 Henk1060, 8. Dezember 2021
  7. meisterleise

    meisterleise Well-Known Member

    Registriert seit:
    18. Januar 2012
    Beiträge:
    1.351
    Zustimmungen:
    345
    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.
     
    #7 meisterleise, 8. Dezember 2021
  8. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    3.142
    Zustimmungen:
    591
    Im Twenty-Twenty Themes (falls du das verwendest....) wird die Lupe mit folgendem CSS ausgeblendet:

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

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

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
    #8 SEpp55, 8. Dezember 2021
    Zuletzt bearbeitet: 8. Dezember 2021
  9. Persephone

    Persephone Well-Known Member

    Registriert seit:
    21. Februar 2016
    Beiträge:
    597
    Zustimmungen:
    48
    Das ist jetzt Unsinn, entweder jemand weiß, wie es geht, oder eben nicht. So viele Möglichkeiten gibt es da nicht.

    Bei diesen 2 Themes weißt du wie die Lupe entfernt wird, und bei den restlichen zigtausend weißt du es nicht. Klasse!
     
    #9 Persephone, 11. Dezember 2021
  10. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    3.142
    Zustimmungen:
    591
    .
    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!
     
    #10 SEpp55, 11. Dezember 2021
    SuMu gefällt das.
  11. meisterleise

    meisterleise Well-Known Member

    Registriert seit:
    18. Januar 2012
    Beiträge:
    1.351
    Zustimmungen:
    345
    Deine Antwort ist sehr lustig, Persephone. :D
    Wenn auch auf eine skurril traurige Weise. :(
     
    #11 meisterleise, 11. Dezember 2021
  12. b3317133

    b3317133 Well-Known Member

    Registriert seit:
    21. November 2014
    Beiträge:
    11.681
    Zustimmungen:
    1.786
    @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
     
    #12 b3317133, 11. Dezember 2021
  13. Tutrix

    Tutrix Well-Known Member

    Registriert seit:
    21. Mai 2010
    Beiträge:
    3.734
    Zustimmungen:
    28
    @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)

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    also einfach
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    verwenden
     
    #13 Tutrix, 11. Dezember 2021
    Persephone gefällt das.
  14. meisterleise

    meisterleise Well-Known Member

    Registriert seit:
    18. Januar 2012
    Beiträge:
    1.351
    Zustimmungen:
    345
    Irgendwie unfair, dass Frau Persephone hier am Ende noch eine Lösung bescherrt bekommt.
     
    #14 meisterleise, 11. Dezember 2021
    Henk1060 gefällt das.
  15. b3317133

    b3317133 Well-Known Member

    Registriert seit:
    21. November 2014
    Beiträge:
    11.681
    Zustimmungen:
    1.786
    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.
     
    #15 b3317133, 11. Dezember 2021
    SEpp55 gefällt das.
  16. meisterleise

    meisterleise Well-Known Member

    Registriert seit:
    18. Januar 2012
    Beiträge:
    1.351
    Zustimmungen:
    345
    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...
     
    #16 meisterleise, 13. Dezember 2021
  17. Persephone

    Persephone Well-Known Member

    Registriert seit:
    21. Februar 2016
    Beiträge:
    597
    Zustimmungen:
    48
    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;
    }
     
    #17 Persephone, 13. Dezember 2021
  18. Tutrix

    Tutrix Well-Known Member

    Registriert seit:
    21. Mai 2010
    Beiträge:
    3.734
    Zustimmungen:
    28
    hab den Code doch oben eingefügt!

    https://www.screencast.com/t/hNpxzd1k
     
    #18 Tutrix, 14. Dezember 2021
  19. Persephone

    Persephone Well-Known Member

    Registriert seit:
    21. Februar 2016
    Beiträge:
    597
    Zustimmungen:
    48
    Ok, ich versuche es mal, ist ja jetzt mit Bildvorlage.
     
    #19 Persephone, 14. Dezember 2021
  20. Tutrix

    Tutrix Well-Known Member

    Registriert seit:
    21. Mai 2010
    Beiträge:
    3.734
    Zustimmungen:
    28
    wie oft trage ich den "none" im Video ein, 3 mal, 5 mal oder vielleicht doch nur 1 mal
     
    #20 Tutrix, 14. Dezember 2021
    Zuletzt bearbeitet: 14. Dezember 2021
(Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können. )
Seite 1 von 2
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Akzeptieren Weitere Informationen...
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Akzeptieren Weitere Informationen...
    Information ausblenden