Title: Transparent
Last modified: August 21, 2016

---

# Transparent

 *  Resolved [wiedzmin137](https://wordpress.org/support/users/wiedzmin137/)
 * (@wiedzmin137)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/transparent-2/)
 * Hello. How I can do transparent background like here [http://www.allaboutlionel.com/](http://www.allaboutlionel.com/)
   
   and how I can turn on social buttons, like [http://proletariaruvo.altervista.org/?doing_wp_cron=1381254950.9224629402160644531250](http://proletariaruvo.altervista.org/?doing_wp_cron=1381254950.9224629402160644531250)
   Thanks.

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

 *  [Giulio Daprela](https://wordpress.org/support/users/daprela/)
 * (@daprela)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/transparent-2/#post-4203769)
 * You can use the directive
 * `opacity: NN;`
 * Where NN is a number between 0 and 1, where 0 means totally transparent, 1 totally
   opaque, and anything in between a different grade of transparency.
 * The social icons are from the plugin social ring, I believe.
 *  [WPyogi](https://wordpress.org/support/users/wpyogi/)
 * (@wpyogi)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/transparent-2/#post-4203789)
 * That site is actually using a transparent image as the background for that semi-
   transparent background- in the CSS here:
 *     ```
       #page_content_wrapper {
           background: url("../images/000_80.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
           border: 1px solid #666666;
           border-radius: 10px 10px 10px 10px;
           box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.7);
           margin: auto;
           padding-bottom: 50px;
           position: relative;
           top: 100px;
           width: 900px;
       }
       ```
   
 * That problem with using opacity in CSS is that it’s inherited by all elements
   contained within the with that style – which is sometimes not so desirable.
 *  Thread Starter [wiedzmin137](https://wordpress.org/support/users/wiedzmin137/)
 * (@wiedzmin137)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/transparent-2/#post-4203862)
 * Thanks [@daprela](https://wordpress.org/support/users/daprela/), but where I 
   must add that (in expund CSS of corse) tp make transparent only to ([http://servmine.net/](http://servmine.net/))
   place from “Aktualizacja 1.6.4” to footer down side of page.
 * And that plugin what you say don’t add that. I saw those pictures in expound 
   theme, so this can do it somehow.
 *  Theme Author [Konstantin Kovshenin](https://wordpress.org/support/users/kovshenin/)
 * (@kovshenin)
 * [12 years, 8 months ago](https://wordpress.org/support/topic/transparent-2/#post-4203983)
 * Here’s some CSS you can try:
 *     ```
       #page { background: none; }
       .site-main { background: white; opacity: 0.8; }
       ```
   
 * Use a Custom CSS plugin or a [child theme](http://codex.wordpress.org/Child_Themes)
   to apply those changes.
 * Hope that helps!
 *  Thread Starter [wiedzmin137](https://wordpress.org/support/users/wiedzmin137/)
 * (@wiedzmin137)
 * [12 years, 8 months ago](https://wordpress.org/support/topic/transparent-2/#post-4203984)
 * So nice… But is there possibility to make text, medias (e.g. photos) non transparent(
   and can I modify border to not be rounded and: [http://img849.imageshack.us/img849/7377/dh1l.png](http://img849.imageshack.us/img849/7377/dh1l.png))?
   And do you know something about those social icons on [@top](https://wordpress.org/support/users/top/)?
   Thanks and sorry for so much questions.
 *  Theme Author [Konstantin Kovshenin](https://wordpress.org/support/users/kovshenin/)
 * (@kovshenin)
 * [12 years, 8 months ago](https://wordpress.org/support/topic/transparent-2/#post-4203987)
 * Since they’re parent to the container with the opacity, there’s really no good
   way to have the container transparent and the children with no opacity. Perhaps
   you can have an rgba background color instead of opacity, but that might not 
   work for some browsers:
 *     ```
       .site-main { background: rgba(255,255,255,0.8); }
       ```
   
 * Social icons have been discussed before: [http://wordpress.org/support/topic/social-sharing-buttons-on-the-menu-bar?replies=9](http://wordpress.org/support/topic/social-sharing-buttons-on-the-menu-bar?replies=9)
 * Cheers!

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

The topic ‘Transparent’ is closed to new replies.

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

## Tags

 * [transparent](https://wordpress.org/support/topic-tag/transparent/)

 * 6 replies
 * 4 participants
 * Last reply from: [Konstantin Kovshenin](https://wordpress.org/support/users/kovshenin/)
 * Last activity: [12 years, 8 months ago](https://wordpress.org/support/topic/transparent-2/#post-4203987)
 * Status: resolved