How to change article component to transparent? - Joomla! Forum - community, help and support

hi all, after extensive searching , google perusal im still having trouble article background transparency.

i have worked out part of code have change, cant transparency right...

as can see in site here:
http://203.88.117.73/~dohertys/index.ph ... ick-24-7-2

both side menu, , contact details using opacity @ around 80% cannot article background same...i consistent..

here extract template.css code regarding background...its ".content-compnent" line...

/* core settings */
html {margin-bottom: 1px;height: 100%;}
body {font-family: helvetica,arial,sans-serif;}
img {max-width: 100%;height: auto;}
.button, button.validate {height: 100%;margin-bottom: 1px;font-family: helvetica,arial,sans-serif;}
.component-body {min-width: 320px;height: auto;}
ul {list-style-image: none;}
#rt-transition {position: relative;}
#rt-page-surround {overflow: hidden;}
a {transition: color 0.1s ease-in;}
#rt-header .rt-block, #rt-feature .rt-block, #rt-footer .rt-block, #rt-copyright .rt-block {background: none;}
.rt-section-surround, .rt-mainsection {display: table;border-collapse: separate;}
.rt-row-surround, .rt-mainrow {display: table-row;}
.rt-row-surround [class*="rt-grid"], .rt-mainrow [class*="rt-grid"] {display: table-cell;float: left;vertical-align: top;}
.component-content {padding: 20px; background-color: #000000;}
#rt-content-bottom .rt-block {margin-top: 2px;}
.rt-grid-fake {display: block;width: 100%;}
/*.rt-content-bottom-dummy {height: 0;margin-top:-2px;}*/

i have tried following neither work..

.component-content {padding: 20px; background-color: rgba(0,0,0,0.6);}
.component-content {padding: 20px; background-color: #000000; opacity: 0.6;}

any ideas?

there 2 backgrounds on component section need override. remove 1 , change other, possibly so:

.component-content {padding: 20px; background-color: none;}
.rt-block {background-color: rgba(0,0,0,0.6);}