Darstellung "X (schließen)" bei Komfort Suche

Thema wurde von Jan Brodowsky, 21. Januar 2025 erstellt.

  1. Jan Brodowsky
    Jan Brodowsky Erfahrener Benutzer
    Registriert seit:
    20. Juni 2012
    Beiträge:
    274
    Danke erhalten:
    34
    Danke vergeben:
    152
    Hallo zusammen,
    ich bräuchte bitte etwas Hilfe:
    Und zwar möchte ich das "X (schließen)" bei der Komfort Suche etwas präsenter darstellen.
    Wenn ich das ganze in der Konsole untersuche bekomme ich folgende Klassen ausgegeben
    Code:
    .comfort-search-result-container .comfort-search-result-close-container .comfort-search-result-close
    darunter folgen diverse Angaben. Wenn ich in der Konsole meine Änderungewünschen:
    • color: red;
    • border: 3px red solid;
    • margin-top: -90px;
    eingebe, wird alles wie gewünscht dargestellt. Das "X" zum schließen ist weiter oben, rot und deutlich präsenter.

    Gehe ich nun in den SE und spreche die oben genannten Klassen im eigenen CSS mit den Änderungen an, verschiebt sich das "X" lediglich, bleibt aber weiß. Hat jemand einen Tipp für mich bitte?
     
  2. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    5. Mai 2022
    Beiträge:
    2.215
    Danke erhalten:
    964
    Danke vergeben:
    372
    Eventuell weil es 3 Codes dafür gibt. (Für die unterschiedlichen Bildschirmgrößen)
    Dein Wunsch änderst bei allen 3.
    Dann müsste es klappen:

    Code:
    .comfort-search-result-container .comfort-search-result-close-container .comfort-search-result-close {
        color: red;
        border: 3px red solid;
        margin-top: -90px;
    }
    
    @media (max-width: 1080px) {
        .comfort-search-result-container .comfort-search-result-close-container .comfort-search-result-close {
           color: red;
        border: 3px red solid;
        margin-top: -90px;
        }
    }
    
    @media (max-height: 577px) {
        .comfort-search-result-container .comfort-search-result-close-container .comfort-search-result-close {
           color: red;
        border: 3px red solid;
        margin-top: -90px;
        }
    }
    
     
  3. Jan Brodowsky
    Jan Brodowsky Erfahrener Benutzer
    Registriert seit:
    20. Juni 2012
    Beiträge:
    274
    Danke erhalten:
    34
    Danke vergeben:
    152
    Guten Morgen Michaela,
    danke für den Tipp, leider verschiebt sich nur das X nach oben bleibt aber weiß.
    Ich konnte es mit !important lösen...

    manchmal liegt die Lösung viel näher