WordPress.org

Ready to get started?Download WordPress

Forums

WP-TopBar
[resolved] Since update no topbar anymore (10 posts)

  1. BackuPs
    Member
    Posted 1 year ago #

    Hi

    Since i updated to the latest version i have no topbar anymore on my pages.

    I checked all settings and the code is in the page but i have no clue what happened here.

    http://wordpress.org/extend/plugins/wp-topbar/

  2. BackuPs
    Member
    Posted 1 year ago #

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

    http://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.

  3. BackuPs
    Member
    Posted 1 year ago #

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

  4. BackuPs
    Member
    Posted 1 year ago #

    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.

  5. Bob
    Member
    Plugin Author

    Posted 1 year ago #

    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.

  6. BackuPs
    Member
    Posted 1 year ago #

    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="http://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 !

  7. Bob
    Member
    Plugin Author

    Posted 1 year ago #

    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.

  8. BackuPs
    Member
    Posted 1 year ago #

    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

  9. BackuPs
    Member
    Posted 1 year ago #

    Hi

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

    thanks

  10. Bob
    Member
    Plugin Author

    Posted 1 year ago #

    I will try to add this to a future release.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic