[Plugin: WP-TopBar] Since update no topbar anymore

the moment i add a gradient color from colorzilla it stops working

https://www.colorzilla.com/gradient-editor/

background: #a90329;
background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019));
background: -webkit-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%);
background: -o-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%);
background: -ms-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%);
background: linear-gradient(to bottom, #a90329 0%,#8f0222 44%,#6d0019 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#a90329′, endColorstr=’#6d0019′,GradientType=0 );

it does not matter what color i choose. It always stops working.

The only topbar that works is when i create a default one. As soon as i add the gradient background the bar is gone

Removing the gradient from the settings does not bring the bar back. Once the code was in the field and saved the bar is gone for good.

OK — go to the debug page, and copy/paste the entire code that is generated for the topbar.

That will help me see what the problem is.

Hi

Here is my debug code.

<script type='text/javascript'>
jQuery(document).ready(function() {jQuery('body').prepend('<div id="topbar" style=" "><p id="wptbheadline" style="visibility:hidden;background: #303030;margin:  0px 0px 0px;text-align:center;font-size: 12px; padding-top:8px;padding-bottom:8px;color:#ffffff; display:block;border-bottom-color:#72001a;border-bottom-style: solid;border-bottom-width: 0px;background: rgb(169,3,41); /* Old browsers */
/* IE9 SVG, needs conditional override of \'filter\' to \'none\' */
background: -moz-linear-gradient(top,  rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,3,41,1)), color-stop(44%,rgba(143,2,34,1)), color-stop(100%,rgba(109,0,25,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#a90329\', endColorstr=\'#6d0019\',GradientType=0 ); /* IE6-8 */
 ">This site (Blogtest) is just for testing purposes. It does not contain any usefull content. However you can  send me a message : <a style="color:#f6fc8e; " href="https://mywebsite.com/contact" target="_self">contact</a></p></div>');} );

document.cookie="wptopbar_bc1f8a7c09af603aa9ad6c8410d0a061"+'=;expires=Thu, 01-Jan-70 00:00:01 GMT;';
jQuery(document).ready(function() {jQuery('#wptbheadline').hide().delay(0).css('visibility','visible').slideDown(200).fadeIn(1000).show('slow');});
</script>

looking forward to your reply

thank you !

I tested it with google by copying the code above into a simple web page.

For whatever reason, the code you copied in has linefeeds (as hex 0a) embedded in it. that is causing chrome to not process it (calls it an ILLEGAL TOKEN). I manually removed the 0Ax linefeeds and the page loaded without the ILLEGAL TOKEN error.

So, you’ll need to do the same.

Hi

Thanks that solves it. They are generated directly by colorzilla where the gradient was generated following the link given in your plugin.

best regards

Hi

Could you please add the ability of weekdays to the settings to show a certain bar?

thanks

I will try to add this to a future release.