Runder Button "Mehr erfahren"

    Hallo erneut,

    auf meiner Seite möchte ich gerne die "Buttons" auf der Startseite - bspw. "Mehr erfahren" rund darstellen bzw. mit abgerundeten Ecken - ähnlich wie der "Senden" Button auf der Kontaktseite. Das Theme lässt es nicht zu, ein Child-Theme habe ich aber installiert. Wie könnte ich das im CSS einstellen?

    http://www.anuwo.de

    VG Marco

    • 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)

    Mehr erfahren

    Schonmal beim Theme Support nachgefragt?

    Übrigens brauchst du für Custom CSS seit 4.7 kein Child Theme mehr, das ist jetzt eine Standardfunktion im Customizer.

    "Gewinnspiele, Gutscheinaktionen, Werbung, insbesondere kommerzielle, ist sowohl in Signaturen als auch Beiträgen ohne vorherige Genehmigung des Betreibers verboten. Bei Zuwiderhandlung behalten wir uns vor die Beiträge zu löschen und den entsprechenden User zu sperren." Auszug aus den WPDE.org Nutzungsbedingungen

    oh ok, wusst ich nicht mit dem Childtheme. Muss ich mir anschauen.
    Ja, Support nachgefragt, wird nicht unterstützt... deswegen möchte ich gerne selbst einen Code reinhauen... wenn ich es nur könnte :-)

    Würde ich auch sagen. Für alle anderen css Einstellungen kannst du einfach im Browser mit Rechtsklick auf den von die erwähnten [COLOR=#333333]"Senden" Button gehen und dir dann die Eigenschaften anzeigen lassen. Also mit "Element untersuchen".[/COLOR]

    Probier mal in Dein Custom CSS einzusetzen:
    /*media all*/
    .full-width-section .light :not(.see-through):not(.see-through-3):not(.see-through-2).nectar-button, .full-width-section .light :not(.see-through):not(.see-through-3):not(.see-through-2).animated.wpb_animate_when_almost_visible.nectar-button {
    border-radius: 25px !important;
    }

    Wobei Du den Wert verändern kannst.

    Zitat von mteepee

    Funktioniert leider nicht....

    Hm, wenn ich das richtig sehe, ist in dem Theme auch an drei Stellen schon der Border-Radius für diesen Button (bzw. diese Buttons) definiert. Teilweise auch schon mit !important. Das wird nicht so einfach, das sinnvoll zu überschreiben.

    Die Frage ist ehrlich gesagt, warum die Theme Autoren diese ganzen sich gegenseitig überschreibenden Klassen erstellt haben, wenn der Button am Ende gar keinen Border-Radius hat?

    Die ganzen border-radius werden durch border-image überschrieben. Also einfach mal

    Code
    border-image: none;


    testen, zur Not 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]

    Fun Fact:

    !important kann man mit
    !important !important überschreiben und das wiederum mit
    !important !important !important usw. :D

    btw. : und ja das ist seehr schlechter Stil

    Zitat von Michael_Drauer

    Fun Fact:

    !important kann man mit
    !important !important überschreiben und das wiederum mit
    !important !important !important usw. :D

    btw. : und ja das ist seehr schlechter Stil

    Wirklich!? Das wusste ich tatsächlich nicht. Habe ich auch noch nie gesehen. Ist das denn auch valide?

    Aber ja, es ist auf jeden Fall ziemlich schlechter Stil ;)

    Zitat von danielgoehr

    Wirklich!? Das wusste ich tatsächlich nicht. Habe ich auch noch nie gesehen. Ist das denn auch valide?

    Aber ja, es ist auf jeden Fall ziemlich schlechter Stil ;)

    Zitat von danielgoehr

    Wirklich!? Das wusste ich tatsächlich nicht. Habe ich auch noch nie gesehen. Ist das denn auch valide?

    Aber ja, es ist auf jeden Fall ziemlich schlechter Stil ;)

    Ach ich habe es gerade mal wieder probiert .. ist altes wissen funzt nicht mehr bei den aktuellen Browsern :D wahrscheinlich besser so

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden