CODEWITHSUNDEEP
css
shictins
shictins

Reputation: 83

Border and Dropshadow

I need help modifying my style.css file. I want to add the boarder and drop shadow effect around both my main content container and my sidebar, found on my blog pages, to the main content container and sidebar on my main pages. Thank you!

Here is an example blog page

enter image description here

Here is an example main page

enter image description here

Upvotes: 1

Views: 59

Answers (1)

erwstout
erwstout

Reputation: 1307

You might want to add some classes to the <article> and <sidebar> elements on the page you want to add the box shadow to so that it's more specific, but this should work:

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

Those are the same values for the border and dropshadow found on your first example.

Upvotes: 1

Related Questions