Title: Opacity
Last modified: August 22, 2016

---

# Opacity

 *  Resolved [snp_85](https://wordpress.org/support/users/snp_85/)
 * (@snp_85)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/opacity-9/)
 * Hi!
 * How I can make an opacity option for my “content” page style? I only can find
   in the option box make it transparent,colored or with custom image. Where i need
   to make some changes, to put it not at all transparent(opacity).

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

 *  [hannah](https://wordpress.org/support/users/hannahritner/)
 * (@hannahritner)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/opacity-9/#post-5833202)
 * Hey, not quite sure what you mean by “content page style”. Do you mean the page
   background? Can you post a link?
 * Hannah
 *  Thread Starter [snp_85](https://wordpress.org/support/users/snp_85/)
 * (@snp_85)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/opacity-9/#post-5833213)
 * Yes. The page background (not the body background).
 * I mean, when you create a page, or write a post in a blog, the “content” of it,
   it’s in a opacity box.
 * Something like that (example) :
 * [http://schwarttzy.com/wp-content/shoppthings/AdventureTheme.jpg](http://schwarttzy.com/wp-content/shoppthings/AdventureTheme.jpg)
 *  [hannah](https://wordpress.org/support/users/hannahritner/)
 * (@hannahritner)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/opacity-9/#post-5833215)
 * Hmm, try adding this to your custom css box in theme options > advanced settings:
 *     ```
       .boxed .contentclass {
       opacity: .9;
       }
       ```
   
 * If that doesn’t work please post a link to your site.
 * Hannah
 *  [Ben Ritner – Kadence WP](https://wordpress.org/support/users/britner/)
 * (@britner)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/opacity-9/#post-5833226)
 * If your wanting just the background color to have opacity you would use this 
   css:
 *     ```
       .contentclass {
       background: rgba(255,255,255,.9);
       }
       ```
   
 * Kadence Themes
 *  Thread Starter [snp_85](https://wordpress.org/support/users/snp_85/)
 * (@snp_85)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/opacity-9/#post-5833259)
 *     ```
       .contentclass {
       background: rgba(255,255,255,.9);
       }
       ```
   
 * Thanks, that worked for me.
 * But what I really wanted is not the whole background, it’s just where the text
   is. I mean, kind of a “box” as in example link I’ve posted.Any way to determine
   the borders of this opacity background.
 *  [Ben Ritner – Kadence WP](https://wordpress.org/support/users/britner/)
 * (@britner)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/opacity-9/#post-5833326)
 * So with the theme you can use the boxed layout. (theme options > main settings)
   and that css above will only effect the box not the full width. See here: [http://themes.kadencethemes.com/virtue2/](http://themes.kadencethemes.com/virtue2/)
 * Or you can add your own divs around the content with custom code so it’s in pieces
   like the image you sent but the theme html isn’t set up for that to be easy. 
   wasn’t in the design.
 * As for borders you can use css borders… like:
 *     ```
       .contentclass {
       border:2px solid #444;
       }
       ```
   
 * Kadence Themes
 *  Thread Starter [snp_85](https://wordpress.org/support/users/snp_85/)
 * (@snp_85)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/opacity-9/#post-5833345)
 * True.
 * But the case of boxed style, there are kind of transparent borders in the header
   and footer, what I really would like is the .contentclass style only visible 
   boxed. How I can make header and footer convex borders disappear?
 *  [Ben Ritner – Kadence WP](https://wordpress.org/support/users/britner/)
 * (@britner)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/opacity-9/#post-5833349)
 * The boxed style adds a wrapper around the header, footer and content, it’s that
   wrapper that has the small box shaddow.
 * You can try using the wide layout and adding this css:
 *     ```
       .wrap.contentclass {
       margin: 0 auto;
       max-width: 1200px;
       }
       ```
   
 * Kadence Themes
 *  Thread Starter [snp_85](https://wordpress.org/support/users/snp_85/)
 * (@snp_85)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/opacity-9/#post-5833366)
 * thanks.
 *  Thread Starter [snp_85](https://wordpress.org/support/users/snp_85/)
 * (@snp_85)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/opacity-9/#post-5833371)
 * and where I can set the opacity of a header?
    I mean —> Header Background Color—-
   > set to transparent but with the opacity
 *  [hannah](https://wordpress.org/support/users/hannahritner/)
 * (@hannahritner)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/opacity-9/#post-5833372)
 * Hey, try something like this:
 *     ```
       .headerclass {
       background: rgba(255,255,255,.9);
       }
       ```
   
 * Hannah

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

The topic ‘Opacity’ is closed to new replies.

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

 * 11 replies
 * 3 participants
 * Last reply from: [hannah](https://wordpress.org/support/users/hannahritner/)
 * Last activity: [11 years, 1 month ago](https://wordpress.org/support/topic/opacity-9/#post-5833372)
 * Status: resolved