Title: Top rectangle box – SAMPLES
Last modified: August 21, 2016

---

# Top rectangle box – SAMPLES

 *  [Archimedesign](https://wordpress.org/support/users/archimedesign/)
 * (@archimedesign)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/top-rectangle-box-samples/)
 * I’m playing with the custom CSS for the rectangle box on top of the page.
    If
   you’d like it changed add the following to your Customizit! > Custom CSS
 *     ```
       .navbar .navbar-inner {
       -moz-box-shadow: inset -5px 5px #000000;
       -webkit-box-shadow: inset -5px 5px #000000;
       box-shadow: inset -5px 5px #31ab2d;
       background-image: linear-gradient(bottom, rgb(138,239,255) 9%, rgb(224,224,224) 55%);
       background-image: -o-linear-gradient(bottom, rgb(138,239,255) 9%, rgb(224,224,224) 55%);
       background-image: -moz-linear-gradient(bottom, rgb(138,239,255) 9%, rgb(224,224,224) 55%);
       background-image: -webkit-linear-gradient(bottom, rgb(138,239,255) 9%, rgb(224,224,224) 55%);
       background-image: -ms-linear-gradient(bottom, rgb(138,239,255) 9%, rgb(224,224,224) 55%);
   
       background-image: -webkit-gradient(
       	linear,
       	left bottom,
       	left top,
       	color-stop(0.09, rgb(138,239,255)),
       	color-stop(0.55, rgb(224,224,224))
       );
       ```
   
 * Feel free to add your examples, [this](http://www.css3.info/preview/box-shadow/)
   should be useful for editing the code above.

Viewing 1 replies (of 1 total)

 *  [ElectricFeet](https://wordpress.org/support/users/electricfeet/)
 * (@electricfeet)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/top-rectangle-box-samples/#post-3937807)
 * Yeuk! 🙂 🙂 I don’t think I’ll stick with that 🙂
 * But great post and great link. Thanks!
 * My example: I switch the box off altogether
 *     ```
       /* Get rid of menu border */
       .navbar .navbar-inner {
       -webkit-box-shadow: 0px 0px 0px;
       -moz-box-shadow: 0px 0px 0px;
       box-shadow: 0px 0px 0px;
       }
   
       /* Get rid of menu background */
       .navbar .navbar-inner {
       -webkit-box-shadow: 0px 0px 0px;
       -moz-box-shadow: 0px 0px 0px;
       box-shadow: 0px 0px 0px;
       background:none
       }
       ```
   

Viewing 1 replies (of 1 total)

The topic ‘Top rectangle box – SAMPLES’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/customizr/4.4.24/screenshot.png)
 * Customizr
 * [Support Threads](https://wordpress.org/support/theme/customizr/)
 * [Active Topics](https://wordpress.org/support/theme/customizr/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/customizr/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/customizr/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [ElectricFeet](https://wordpress.org/support/users/electricfeet/)
 * Last activity: [12 years, 9 months ago](https://wordpress.org/support/topic/top-rectangle-box-samples/#post-3937807)
 * Status: not a support question