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

Farbe Umrandung ändern

Dieses Thema im Forum "Design" wurde erstellt von higginsa1, 13. Januar 2018.

  1. Sailor56

    Sailor56 Well-Known Member

    Registriert seit:
    13. Juni 2017
    Beiträge:
    794
    Zustimmungen:
    104
    Hast du die Änderungen schon online?
    Ich sehe da immer noch die Anweisung...
    .focus-box .service-icon:hover .pixeden {
    border-radius: 50%;
    border-color: #FC6D6D;
    border-width: 10px;
    transition: border-radius 0.1s, border-color 0.4s;
    }

    Setze bitte in dieser Anweisung

    border-radius: 0%;

    und

    border-width: 0px;
     
  2. Sailor56

    Sailor56 Well-Known Member

    Registriert seit:
    13. Juni 2017
    Beiträge:
    794
    Zustimmungen:
    104
    Und das Hineinzoomen würde auch funktionieren, wenn du genau in dieser CSS Anweisung folgendes einfügst.

    -ms-transform: scale(1.1); /* für IE 9 */
    -webkit-transform: scale(1.1); /* für Safari */

    transform: scale(1.1);

    1.1 ist der Faktor, um den das Bild beim Hover vergrößert wird. Kann auch jeder beliebige andere Wert sein.
     
  3. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    3.141
    Zustimmungen:
    591
    Das kannst du mit der Antwort unter #10 unterbinden!!
     
  4. higginsa1

    higginsa1 Well-Known Member

    Registriert seit:
    1. November 2016
    Beiträge:
    134
    Zustimmungen:
    0
    cool das zoomen funktioniert, gefällt mir auch, das nehme ich.

    Aber der Border schneidet noch meine Füße ab, ich habe jetzt folgenden Code online. Entferne ich das "border: 0px solid #FFFFFF !important;" dann bekomme ich eine viereckigen roten Border.

    #focus span:nth-child(4n+1) .focus-box .service-icon:hover {
    border: 0px solid #FFFFFF !important;
    border-radius: 0%;
    border-width: 0px;
    -ms-transform: scale(1.1); /* für IE 9 */
    -webkit-transform: scale(1.1); /* für Safari */
    transform: scale(1.1);
    }
     
  5. Sailor56

    Sailor56 Well-Known Member

    Registriert seit:
    13. Juni 2017
    Beiträge:
    794
    Zustimmungen:
    104
    Mache doch bitte erst mal das, was ich dir schon in #21 geschrieben habe!
    Die Formate, die dir die Füße abschneiden sind ja immer noch drin... siehe dein zusätzliches CSS (ab Zeile 122)
    border-radius.png
     
  6. higginsa1

    higginsa1 Well-Known Member

    Registriert seit:
    1. November 2016
    Beiträge:
    134
    Zustimmungen:
    0
    das muss dann vom Theme kommen, in meiner Leiste für zusätzliches CSS steht der hier besprochene Code
     
  7. Sailor56

    Sailor56 Well-Known Member

    Registriert seit:
    13. Juni 2017
    Beiträge:
    794
    Zustimmungen:
    104
    Die Formate, die das Theme vorgibt, stehen normalerweise in der style.css. Bei der Formatierung (siehe Screenshot aus vorherigem Beitrag) steht aber 'Inline: 122', was darauf schließen lässt, dass es aus dem zusätzlichen CSS stammt. Könntest du das bitte nochmal prüfen! Denn es sind dort ja auch die 'transition: border-radius 0.1s, border-color 0.4s;' eingefügt und die kommen definitiv nicht vom Theme, das habe ich dir im Zusammenhang mit einer deiner früheren Entwürfe geschickt!
     
  8. higginsa1

    higginsa1 Well-Known Member

    Registriert seit:
    1. November 2016
    Beiträge:
    134
    Zustimmungen:
    0
    ahhhh, hast recht, ganz unten stand noch was, habs entfernt und jetzt läuft es.

    Sorry und vielen Dank!
     
  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.
    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.
    Information ausblenden