2016-04-15 4 views
1

Ich brauche Hilfe beim Ändern meiner style.css Datei. Ich möchte den Boarder- und Schlagschatteneffekt um meinen Hauptinhaltscontainer und meine Seitenleiste auf meinen Blogseiten zum Hauptinhaltscontainer und zur Seitenleiste auf meinen Hauptseiten hinzufügen. Vielen Dank! HierBorder und Dropshadow

ist ein Beispiel blog page

enter image description here

Hier ist ein Beispiel main page

enter image description here

Antwort

1

Sie könnten einige Klassen zu den <article> und <sidebar> Elemente auf der Seite, die Sie hinzufügen möchten möchten um den Boxschatten hinzuzufügen, so dass es genauer ist, aber das sollte funktionieren:

.content, .sidebar{ 
    border: 1px solid #d2d2d2; 
    border-bottom: 0; 
    box-shadow: 0 .15em .35em 0 rgba(0,0,0,0.135); 
} 

Das sind die gleichen Werte für den Rahmen und den Dropshadow, die in Ihrem ersten Beispiel gefunden wurden.

+0

es ist die richtige Antwort, wie ich von inspect Elemente für Ihr erstes Beispiel sehen kann –

+0

Ja bin ich nicht wirklich sicher, warum ich downvoted wurde. Ich gab an, dass das OP wahrscheinlich spezifischer mit den Klassennamen sein sollte - OP hat nicht wirklich erweitert, was sie versucht haben, oder gibt Codebeispiele, so dass meine Lösung ein schneller Haken ist, all das sollte sie hoffentlich in die richtige Richtung führen. – buschschwick

+0

Sorry, ich war nicht sehr spezifisch, aber ja box-shadow: 0 0.15em 0.35em 0 rgba (0,0,0,0,135); ist der Code, nach dem ich gesucht habe. Kannst du mir helfen herauszufinden, welche Container ich hinzufügen muss, um den gewünschten Effekt auf meinen Hauptseiten zu erzielen? – shictins