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

  • Author
    Posts
  • #1038106

    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.

    #1038388

    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;
    }
    #1038390

    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;
    }
    #1038399

    Success!
    Thank you so much. You are my Happiness Engineer.
    All4ballet x

    #1038400

    Cheers :)

The topic ‘Twenty Eleven – How do I add a shadow to my theme pages’ is closed to new replies.