tiles background opacity (translucent)

General questions pertaining to how certain issues can be resolved
Forum rules
1. No offensive language and no mocking
2. Please do a thorough search before you post something. Trust us, there is a high probability that the question you are asking has been asked previously.
3. No soliciting. You cannot post here soliciting bids for people offer you quotes, or even offer money to people for some work. You will be moderated if you do so. If you are looking for help, please post your request on http://jobs.wordpress.net or http://codepoet.com
4. Please be reasonable. You are getting software and support. For free. Complicated requests from a general purpose theme are not welcome and some volunteers might lose patience with you.
5. Please do your due diligence. If you posted a query and we answered with a link, take the trouble to go through the link contents.
6. Please post with complete information. Requests for help MUST be accompanied with your URL, particularly if you are asking something like "Why am I seeing a blank space?"

tiles background opacity (translucent)

Postby violletta » 11 Jun 2012, 02:34

Hi,

This is definitely not a high priority. I have searched these forums and also dev.opera and other css help and asked a web developer friend and I haven't found an answer that works.

At www.viand.net/blog
(which is still a MESS, I know... lots of work to be done, including evasive maneuvers for wordpress thumbnail generator... but that's another project)

I was able to make the post background translucent using suffusion options. Looks nice, example: http://viand.net/blog/?p=151
I think it would be nice if the tiles background matched...

If I use the css opacity property, I'm able to make the whole tile translucent:
.suf-tiles {opacity: .8;}
Looks like this: http://viand.net/blog/?tag=philadelphia
But it looks a bit weird to have the photos also translucent, so I'm trying to figure out how to control only the background of the tile...

Thanks a lot, as always!
violletta
 
Posts: 27
Joined: 28 Aug 2011, 18:30

Re: tiles background opacity (translucent)

Postby drake » 11 Jun 2012, 03:50

After deleting the opacity applied before because the opacity property is applied to all elements from a container, add at Custom Styles:
Code: Select all
article.suf-tile {background:rgba(255, 255, 255, 0.8);}
drake
 
Posts: 3792
Joined: 26 Jul 2011, 07:56
Location: Constanta, Romania


Return to Support Requests

Who is online

Users browsing this forum: bikesmyvgh, drake, Erroharadalia, evelvecom, GarlSartinith, Google [Bot] and 3 guests