CSS - Button Anpassung im Sydney Theme

  • Hallo Zusammen!

    Ich hab ein Problem und bin mit meinem Latein am Ende.:?
    Folgendes, ich möchte meiner Website ein neues Design verpassen und habe mich für das Sydney Theme entschieden. Nun ist im Header auf der Front-Page ein Slider für Bild und einer für Text und darunter ein Button (Call to Action).
    Nun möchte ich dem Button eine eigene Farbe für Text und Hintergrund geben, sowie beim hovern.
    Problem wenn ich nun im Theme anpassen meine Farben einstelle, ist entweder mein Button weiß und in der ersten Row die Kreise um die Icons weiß oder ich stelle die Farben auf Blau ein, dann sieht man den Button aber die Kreise um die Icons nicht mehr.
    Nun wollte ich den Button im CSS entsprechend anpassen, aber er wird an einem früheren Punkt mit farben angepasst und mein geschriebener CSS wird überschrieben, aber nur bei der Hintergrundfarbe.

    Also alles sehr kompliziert, ich weis gerade auch nicht wie ich es einfacher beschreiben soll.

    Wenn nun jemand eine Idee hätte wie ich diesen Button anpassen kann wäre ich super dankbar.

    http://www.avoox.com ist die Seite zum anschauen.

    • 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

  • Versuch es mal mit !important

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • Zitat

    [COLOR=#333333]Versuch es mal mit !important[/COLOR]

    Habe ich versucht aber funktioniert auch nicht.
    Anbei noch ein Bild wo man sieht wo man das Problem evtl auch sieht was ich meine.
    Ich habe die entsprechenden Stellen eingekreist.

  • mit

    CSS
    background-color: #FF0004 !important;

    müsste es funktionieren.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • mit

    CSS
    background-color: #FF0004 !important;

    müsste es funktionieren.

    Habe ich gemacht, funktioniert leider nicht. Siehe angehängten Screenshot.
    Das !important; wird allerdings im Entwicklertool vom Chrome nicht angezeigt.

  • Nutzt du ein Cache-Plugin? Das !important muss angezeigt werden, wenn es richtig geladen wurde.

    Edit: SuMu hat's gesehen, ich war blind. Natürlich darf da kein ; sein.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

Jetzt mitmachen!

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