Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Center area post/pages (http://forum.bytesforall.com/forumdisplay.php?f=32)
-   -   [SOLVED] Transparent Backround Works on Test Site - Not on active site (http://forum.bytesforall.com/showthread.php?t=23282)

yukoner Sep 14, 2015 05:36 PM

[SOLVED] Transparent Backround Works on Test Site - Not on active site
I'm using Meta Slider as a presentation tool on my Photography site.

When I set it up on my test site I removed the background from the slider by inserting the following into HTML/CSS Inserts:

.theme-bar .nivoSlider {
background: transparent;

However when I do the same thing on the active site, the background remains white and the rounded corners of the slider show that. I see this when I "Inspect Element" but it is stroked out. (Shows up but has a line through it. I added another bit to see if I could remove the border, but it seems that, for some reason, the items I'm adding to HTML/CSS Inserts that are to work on Meta Slider are being stopped.

Active site is http://normhamilton.ca/photography/r...e-photography/

I've been at this for a few hours now so am hoping someone here can find what I'm missing.


juggledad Sep 14, 2015 06:20 PM

You have a syntax error in your CSS inserts...there is a double closing bracket '}}' causing everything after it to be ignored.

HTML Code:

div#wrapper, td#middle{ width:auto; }}.hentry img{max-width:100%; height:auto !important;display:block !important;}.theme-bar .nivoSlider{ background:transparent}.theme-bar.slider-wrapper{ border:0px solid #000; }</style>
<script type="text/javascript">

yukoner Sep 14, 2015 07:04 PM

Thanks, Juggledad. I corrected that, and found another as well.

However, the background of the slider is still not transparent. Interestingly, the same extra } was in the HTML/CSS Inserts of the test site, but it worked. I've removed it there and it still works.

I added the following to the bottom of the HTML/CSS Inserts of the active site and the body color changed as it should have. That means the syntax is OK, right?

body {
background-color: #00ffff;
background-image: none;

juggledad Sep 14, 2015 07:14 PM

Looks right now, except for the 1px border

yukoner Sep 14, 2015 07:28 PM

I just added !important to each of these and it seems to have done the trick.

.theme-bar .nivoSlider {
background: transparent !important;

.theme-bar.slider-wrapper {
border: 0px solid #000 !important;

All times are GMT -6. The time now is 09:50 AM.

Powered by vBulletin® Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.