Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • September 10, 2018 at 1:15 pm #1007906
    ThomasHopmann1986

    Hallo,
    ich möchte gern an meinen Sidebar Widgets einen Schatten einfügen, das habe ich jetzt über das Custom CSS mit dem
    Befehl: box-shadow: 5px 5px 5px 2px #5c5c5d; gemacht.
    Nur leider ist der Schatten nur unten zu sehen.

    Hier der Link zu meiner Seite : Beispiel

    Kann mir das jemand Helfen?

    Vielen Dank

    September 10, 2018 at 2:13 pm #1007927
    Guenni007

    der x-wert verschiebt das ganze ja auch nach rechts.

    Wenn du zB hättest:

    .sidebar .widget {
    padding-left: 5px;
    box-shadow: 0 0 5px 2px #5c5c5d;
    margin-bottom: 20px;
}

    dann sind zum einen die Widget Bereiche getrennt (margin-bottom) zum Anderen hast du dann einen Umlaufenden Schatten-Wurf.
    bei deinem Padding-left scheint in der Quick css was schief gegangen zu sein.

    PS: manchmal verhindert auch ein overflow:hidden der umgebenden Container den Schattenwurf

    September 10, 2018 at 2:28 pm #1007932
    ThomasHopmann1986

    Super vielen Dank, das hat schon einmal sehr gut funktioniert.
    Haben Sie auch noch einen Tip, wie ich in dem Text-Widget Link den innenabstand Links erhöhen kann, so das der Text nicht direkt am linken rand klebt?

    September 10, 2018 at 5:04 pm #1007965
    Dude

    Hey!
    Verwende hierfür bitte diesen CSS Code

    
#top .sidebar section#text-2 {
    padding-left: 30px;
    padding-right: 30px;
}

    LG,
    Peter

    September 10, 2018 at 5:07 pm #1007969
    ThomasHopmann1986

    Hallo Peter, vielen Dank.
    Nur der Code macht auch den Blauen hintergrund des Titels schmaler bzw, gibt Ihm einen Rand, kann man das irgendwie verhindern?

    LG

    Thomas

    September 11, 2018 at 8:06 am #1008230
    Dude

    Hey!
    Ah ich dachte es soll so aussehen. Wenn der Streifen oben ohne Abstand bleiben soll, verwende bitte diesen Code:

    
#top .sidebar section#text-2 {
    padding-left: 0;
    padding-right: 0;
}

#top .sidebar section#text-2 .textwidget {
    padding-left: 28px;
}

    Um den Abstand nach links zu ändern, kannst Du den Wert 28px durch einen anderen ersetzen.

    LG,
    Peter

    September 11, 2018 at 9:20 am #1008275
    ThomasHopmann1986

    Hallo Peter,

    das hat leider nicht funktioniert.

    LG Thomas

    September 11, 2018 at 5:34 pm #1008468
    Guenni007

    wie denn auch , das ist ein Bild oder?
    Du meinst das hier:

    nimm beim Einsetzen einfach das unbeschnittene Image

    September 11, 2018 at 5:36 pm #1008469
    ThomasHopmann1986

    Nein, ich meine das Textwidget mit den Kontaktdaten oben rechts

    September 11, 2018 at 6:04 pm #1008481
    Guenni007
    .sidebar .inner_sidebar {
    overflow: visible !important;
    padding: 0 10px 0 5px;
}

    and i think a lot of trouble comes from your realy small page layout. Why did you change the default 1310px to 1010px ?

    September 11, 2018 at 6:27 pm #1008487
    Dude

    Hi!
    Als Randnotiz – Guennis code verändert die gesamte Sidebar, nicht nur das Widget.

    Sofern Du nur das Widget verändern möchtest, sollte mein Code eigentlich funktionieren (habe es gerade nochmals getestet). Falls es trotz Browser Cache leeren nicht funktioniert, erstelle mir bitte einen Admin Account und ich sehe mir die Sache näher an.

    LG,
    Peter

    September 11, 2018 at 6:37 pm #1008490
    ThomasHopmann1986

    Hi Peter,

    nein irgendwie geht das nicht, Browser Cache leeren etc habe ich alles versucht.
    Ich habe die mal einen Admin Account erstellt Benutzerdaten angefügt.
    Irgendwie stimmt da aber etwas generell nicht, ich habe jetzt ein Kontaktformular erstellt und möchte gern das die Rahmen der Eingabefelder sichtbar sind, was in der Vorschau auch alles passt, sofern ich es per Shortcode einbinde sehe ich nur noch die Feldbezeichnungen, keine Rahmen, kein Hintergrund nichts.

    September 11, 2018 at 6:48 pm #1008503
    Dude

    Hi,

    Ich bekomme die Fehlermeldung “Das Passwort, das du für den Benutzernamen XY eingegeben hast, ist nicht korrekt.

    LG,
    Peter

    September 11, 2018 at 6:50 pm #1008508
    ThomasHopmann1986

    hier nochmal

    September 11, 2018 at 7:05 pm #1008521
    Dude

    Hi,

    Ich habe den Fehler gefunden – beim Code im Custom CSS Feld hat eine geschwungene Klammer ( } ) gefehlt (weiter oben) und dadurch hat dann der Code darunter nicht funktioniert.

    LG,
    Peter

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • You must be logged in to reply to this topic.