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

Runder Button "Mehr erfahren"

Dieses Thema im Forum "Design" wurde erstellt von mteepee, 7. März 2017.

  1. mteepee

    mteepee Well-Known Member

    Registriert seit:
    23. Januar 2012
    Beiträge:
    426
    Zustimmungen:
    9
    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?

    www.anuwo.de

    VG Marco
     
    #1 mteepee, 7. März 2017
  2. am3

    am3 Well-Known Member

    Registriert seit:
    11. März 2010
    Beiträge:
    462
    Zustimmungen:
    21
    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.
     
    #2 am3, 7. März 2017
  3. mteepee

    mteepee Well-Known Member

    Registriert seit:
    23. Januar 2012
    Beiträge:
    426
    Zustimmungen:
    9
    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 :)
     
    #3 mteepee, 7. März 2017
  4. mteepee

    mteepee Well-Known Member

    Registriert seit:
    23. Januar 2012
    Beiträge:
    426
    Zustimmungen:
    9
    kann niemand helfen?
     
    #4 mteepee, 7. März 2017
  5. danielgoehr

    danielgoehr Well-Known Member

    Registriert seit:
    13. Juli 2016
    Beiträge:
    2.674
    Zustimmungen:
    128
    #5 danielgoehr, 7. März 2017
  6. Karl_P

    Karl_P New Member

    Registriert seit:
    12. März 2017
    Beiträge:
    2
    Zustimmungen:
    0
    Würde ich auch sagen. Für alle anderen css Einstellungen kannst du einfach im Browser mit Rechtsklick auf den von die erwähnten "Senden" Button gehen und dir dann die Eigenschaften anzeigen lassen. Also mit "Element untersuchen".
     
    #6 Karl_P, 12. März 2017
  7. misaf

    misaf Well-Known Member

    Registriert seit:
    28. Oktober 2012
    Beiträge:
    77
    Zustimmungen:
    0
    #7 misaf, 12. März 2017
  8. mteepee

    mteepee Well-Known Member

    Registriert seit:
    23. Januar 2012
    Beiträge:
    426
    Zustimmungen:
    9
    nee tut mir leid. Soweit reichen meine Programmierkenntnisse nicht, sonst hätte ich mich nicht vertrauensvoll an das Forum hier gewandt...
     
    #8 mteepee, 13. März 2017
  9. stefankd

    stefankd Active Member

    Registriert seit:
    16. Juni 2016
    Beiträge:
    39
    Zustimmungen:
    0
    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.
     
    #9 stefankd, 13. März 2017
  10. mteepee

    mteepee Well-Known Member

    Registriert seit:
    23. Januar 2012
    Beiträge:
    426
    Zustimmungen:
    9
    Funktioniert leider nicht....
     
    #10 mteepee, 13. März 2017
  11. danielgoehr

    danielgoehr Well-Known Member

    Registriert seit:
    13. Juli 2016
    Beiträge:
    2.674
    Zustimmungen:
    128
    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?
     
    #11 danielgoehr, 13. März 2017
  12. SirEctor

    SirEctor Well-Known Member
    Ehrenmitglied

    Registriert seit:
    28. Oktober 2008
    Beiträge:
    12.361
    Zustimmungen:
    427
    Die ganzen border-radius werden durch border-image überschrieben. Also einfach mal
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    testen, zur Not mit !important.
     
    #12 SirEctor, 13. März 2017
  13. Michael_Drauer

    Michael_Drauer Well-Known Member

    Registriert seit:
    14. November 2015
    Beiträge:
    212
    Zustimmungen:
    0
    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
     
    #13 Michael_Drauer, 13. März 2017
  14. danielgoehr

    danielgoehr Well-Known Member

    Registriert seit:
    13. Juli 2016
    Beiträge:
    2.674
    Zustimmungen:
    128
    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 ;)
     
    #14 danielgoehr, 13. März 2017
  15. Michael_Drauer

    Michael_Drauer Well-Known Member

    Registriert seit:
    14. November 2015
    Beiträge:
    212
    Zustimmungen:
    0
    Ach ich habe es gerade mal wieder probiert .. ist altes wissen funzt nicht mehr bei den aktuellen Browsern :D wahrscheinlich besser so
     
    #15 Michael_Drauer, 13. März 2017
  16. Karl_P

    Karl_P New Member

    Registriert seit:
    12. März 2017
    Beiträge:
    2
    Zustimmungen:
    0
    Die !important Sache ist schon überraschend. Ich fand es schon immer unsauber, wenn ich ein !important benutzen musste, aber gleich mehrere... noch nie gesehen.
     
    #16 Karl_P, 16. März 2017
(Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können. )
  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