Support » Themes and Templates » [Resolved] Table items 'semi-transparent'/dimmed

[Resolved] Table items 'semi-transparent'/dimmed

  • Hi,

    I’m having a bit of trouble with a table I have on one of my pages. I’m using the ‘Raindrops’ theme.

    Some of the objects appear to be dimmed, leading me to wonder whether they are, in fact, semi-transparent, and the dark green underneath is reflecting through. Here’s what I mean:

    All help is appreciated.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Whoops: that link didn’t work out quite right…


    Moderator Andrew Nevins


    Forum moderator

    Can you also link imagery showing how the objects-at-hand should look like?

    Hi Robbie JW.

    If you not need style rules of table elements.

    Please open raindrops/css3.css.

    see line:17

    .hentry table tr:nth-child(odd){
    	opacity: 0.7;
    .hentry table tr:nth-child(even){
    	opacity: 0.9;

    Change from above to below.

    .hentry table tr:nth-child(odd){
    	opacity: 0.7;
    	-moz-opacity: 0.7; /* Firefox */
    	filter: alpha(opacity=0.7); /* IE6/7 */
    	-ms-filter: "alpha(opacity=0.7)"; /* IE8 */
    .hentry table tr:nth-child(even){
    	opacity: 0.9;
    	-moz-opacity: 0.9; /* Firefox */
    	filter: alpha(opacity=0.9); /* IE6/7 */
    	-ms-filter: "alpha(opacity=0.9)"; /* IE8 */

    Sorry poor at English.

    Thank you.

    If you use child theme.
    You can add css3.css child themes directory.


    Thank you so much! Worked perfectly. And you introduced me to child themes, even better! 🙂

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘[Resolved] Table items 'semi-transparent'/dimmed’ is closed to new replies.
Skip to toolbar