Hey there.
What exactly do you mean by transparent?
If you could provide an example of a site that has the effect you’re looking for it would really help.
Also, could you please share the code you mentioned, the one you tried?
If you look at this page
http://ridesonthewildside.com/beach-horse-riding-vacation-south-africa/
what I mean by transparent is being able to see the picture in the background with the writing on top. Effectively making the body of the page transparent If that makes any sense.
Example site
http://cupnet.net/transparent-background-for-twenty-twelve-wordpress-theme/
Code I used from that site
/* Page structure */
.site {
padding: 0 24px;
padding: 0 1.714285714rem;
background-color: #fff;
}
right, gotcha
try this code
#main{
background-color: rgba(255,255,255,0.7);
}
The 0.7 sets the level of transparency, with 1 being not transparent at all and 0 completely transparent.
Play around with it and find the value you think is best for your site.
Thanks Sherban.
I tried that adding your code above into the style.css of the child theme with no luck.
I can see from the code that you have a plugin called autoptimize, a caching problem.
Does it have a “reset cache” or “delete cache” or something like that button?
The site gets it’s css from a file in that plugin that is created from your style.css file. It’s possible that it didn’t recreate that file after you modified yours.
Maybe disable that plugin temporarily, and see if the code works then.
make some of the pages transparent
you might need to use the page specific CSS class which gets output by body_class()
http://codex.wordpress.org/Function_Reference/body_class – to make your transparency specific to some of the pages;
you will need to know the page ID of those pages;
for instance for your posted example page:
.page-id-205 #main { background-color: transparent; }
or combine that with the suggestion by @sherban1988