Twenty Eleven – How do I add a shadow to my theme pages

priscadigitaldiary · Member · Oct 10, 2012 at 8:35 pm
Copy link

Add topic to favorites
How can I add a shadow to each of my blogs page frames, similar to the one on this customised Twenty Eleven blog: http://danroundhill.com/photography/

I am new to CSS Customization and at the moment cannot understand why I have a dark line right at the top of my blog header.

Many thanks in advance for help with this.

The blog I need help with is: (visible only to logged in users)
designsimply · Member · Oct 13, 2012 at 2:18 pm
Copy link
How can I add a shadow to each of my blogs page frames, similar to the one on this customised Twenty Eleven blog: http://danroundhill.com/photography/

That blog is using the following CSS to add shadows around the page frames:
```
#page {
	-webkit-box-shadow:0 6px 6px #888;
	-moz-box-shadow:0 6px 6px #888;
	box-shadow:0 6px 6px #888;
	border-radius:5px 5px 0 0;
}
```
designsimply · Member · Oct 13, 2012 at 2:21 pm
Copy link
I am new to CSS Customization and at the moment cannot understand why I have a dark line right at the top of my blog header.

That is part of the theme’s design. You can remove it using CSS. Here is an example:
```
#branding {
	border: none;
}
```
priscadigitaldiary · Member · Oct 13, 2012 at 7:46 pm
Copy link
Success!
Thank you so much. You are my Happiness Engineer.
All4ballet x
designsimply · Member · Oct 13, 2012 at 7:52 pm
Copy link
Cheers :)

No items found.