Twentytwelve transparent background, container etc, RGBA .CSS help required

boxatrading · Member · Nov 17, 2013 at 3:32 pm
Copy link

Add topic to favorites
Hi there

Trying to make the background and “container”(?) where the posts are displayed transparent. I am using Twentytwelve and have tried many of the different .CSS codes that I found on here to alter it.

When I do so, the word “transparent” is orange. Does this indicate that the language is incorrect? Secondly, I tried the RGBA language as follows:

.site {
background-color: rgba(255, 255, 255, 0.5);
}

However, “RGBA” is then highlighted orange in .CSS and nothing changes in the formatting. I am rather new to all this but I thought that I was doing this correctly. The blog will be embedded within a website (not yet viewable) and I want it to be overlaid over the website background formatting in line with the template I have built.

All help greatly appreciated. Could it be due to the fact that I havent created a “child theme” (not really sure what one of these is but have seen it mentioned several times here).

Thanks

boxatrading.wordpress.com

The blog I need help with is: (visible only to logged in users)
boxatrading · Member · Nov 17, 2013 at 3:34 pm
Copy link
http://buddhachicandbuttercream.com/

is a similar example (although different topic) of how I intend to apply the wordpress blog to a website using a transparent background

Thank you to the owner for allowing me to use their site as a link
boxatrading · Member · Nov 21, 2013 at 7:02 pm
Copy link
any ideas people?
thesacredpath · Member · Nov 21, 2013 at 9:21 pm
Copy link
Hi there, I’m seeing Twenty Eleven on the site you referenced in your original post. To change the background of the posts, page container and body to none in Twenty Eleven, add the following CSS.
```
body, #page, article {
    background: none;
}
```
Twenty Twelve, if you switch to that theme, would need slightly different CSS as follows since CSS is typically theme specific.
```
body, .site {
    background: none;
}

.site {
    box-shadow: none;
}
```

No items found.