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.
Wie Lupe aus dem Suchfeld entfernen?
-
-
- Gerade eben
- 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)
-
Hy,
du solltest schon wissen, was wir wissen wollen .-)
Zur not per css ausblenden
-
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> -
es wird wahrscheinlich per css before oder after das icon eingebunden.
Welches Theme oder link zur seite?
-
Was wird da eingebunden?
-
wieso kannst du einfach die fragen beantworten ?
So können wir dir nich helfen.wenn nicht dann schau einfach selbst die class an
https://css-tricks.com/almanac/selectors/a/after-and-before/ -
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.
-
-
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.
Bei diesen 2 Themes weißt du wie die Lupe entfernt wird, und bei den restlichen zigtausend weißt du es nicht. Klasse! -
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! -
Deine Antwort ist sehr lustig, Persephone. :D
Wenn auch auf eine skurril traurige Weise. :( -
@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 definiertCSS (base64 Bildcode gekürzt)
Code
Alles anzeigen.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(data:image/png;base64,............."); background-size: auto; background-origin: padding-box; background-clip: border-box; font-weight: 300; box-sizing: border-box; }also einfach
verwenden -
Irgendwie unfair, dass Frau Persephone hier am Ende noch eine Lösung bescherrt bekommt.
-
... 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;
} -
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.
hab den Code doch oben eingefügt! -
hab den Code doch oben eingefügt!
Ok, ich versuche es mal, ist ja jetzt mit Bildvorlage. -
Ob einmal reicht, dazu schreibst du nichts.
wie oft trage ich den "none" im Video ein, 3 mal, 5 mal oder vielleicht doch nur 1 mal -
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!