Title: header background opacity
Last modified: August 31, 2016

---

# header background opacity

 *  Resolved [Jedediah.Reisner](https://wordpress.org/support/users/jedediahreisner/)
 * (@jedediahreisner)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/header-background-opacity/)
 * Hi – I am trying to give the navbar opacity when the background color pops up
   when you scroll down. I’ve edited the css to this:
 * .navbar-default.navbar-shrink {
    padding: 10px 0px; background-color: #222; opacity:
   0.6;
 * How can I apply the opacity to just the background color and not all of the contents
   as well (the logo and the menu)?
 * [http://www.massmobilemechanic.com](http://www.massmobilemechanic.com)

Viewing 5 replies - 1 through 5 (of 5 total)

 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [10 years, 4 months ago](https://wordpress.org/support/topic/header-background-opacity/#post-6990057)
 * See [http://www.css3.info/introduction-opacity-rgba/](http://www.css3.info/introduction-opacity-rgba/)
 *  Thread Starter [Jedediah.Reisner](https://wordpress.org/support/users/jedediahreisner/)
 * (@jedediahreisner)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/header-background-opacity/#post-6990083)
 * Ok thanks so much that worked
 *  Thread Starter [Jedediah.Reisner](https://wordpress.org/support/users/jedediahreisner/)
 * (@jedediahreisner)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/header-background-opacity/#post-6990085)
 * actually you know – the style is getting overridden and reverted back to the 
   original. do you know how to fix this?
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [10 years, 4 months ago](https://wordpress.org/support/topic/header-background-opacity/#post-6990086)
    1. Install this Custom CSS Manager plugin [http://wordpress.org/plugins/custom-css-manager-plugin](http://wordpress.org/plugins/custom-css-manager-plugin)
    2. use its “CSS Code” [section of the dashboard](https://s.w.org/plugins/custom-css-manager-plugin/screenshot-1.jpg?r=1288706)
       to hold your CSS modifications:
    3.  (put this code in)
    4.     ```
           body .navbar-default.navbar-shrink {
               background: rgba(0,0,0,0.4);
           }
           ```
       
    5. Save
 *  Thread Starter [Jedediah.Reisner](https://wordpress.org/support/users/jedediahreisner/)
 * (@jedediahreisner)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/header-background-opacity/#post-6990156)
 * thanks the plugin works well

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘header background opacity’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/xt-corporate-lite/1.0.7/screenshot.
   png)
 * XT Corporate lite
 * [Support Threads](https://wordpress.org/support/theme/xt-corporate-lite/)
 * [Active Topics](https://wordpress.org/support/theme/xt-corporate-lite/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/xt-corporate-lite/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/xt-corporate-lite/reviews/)

 * 5 replies
 * 2 participants
 * Last reply from: [Jedediah.Reisner](https://wordpress.org/support/users/jedediahreisner/)
 * Last activity: [10 years, 4 months ago](https://wordpress.org/support/topic/header-background-opacity/#post-6990156)
 * Status: resolved