Changing article background transparency question - Joomla! Forum - community, help and support
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;}*/
can suggest solution? thank in advance
/* 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;}*/
can suggest solution? thank in advance
your issue seems .rt-block in main-dark.css sets background color doesn't matter what's on top ignored.
suggest use developers tools of ie or firefox shows inherited classes
suggest use developers tools of ie or firefox shows inherited classes
Comments
Post a Comment