Need help? Check out our Support site, then


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

  1. 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 all4ballet.com.

  2. 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;
    }
  3. 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;
    }
  4. Success!
    Thank you so much. You are my Happiness Engineer.
    All4ballet x

  5. Cheers :)

Topic Closed

This topic has been closed to new replies.

About this Topic