bxslider - How make ticker text to come in single line instead of goes to the next line -

-

i using bxslider jquery in site news ticker, plugin works fine problem news goes next row , expand whole header makes website looks little bit awkward.

how can achieve news ticker in single line ?

    html <ul id="top-ticker"> <li>test test test test test test test test</li> </ul>  javascript code jquery(function($) { if( $("#top-ticker").length > 0 ) {     var topticker = $('#top-ticker').bxslider({         mode: 'vertical',         pager: false,         controls: false,         auto: true,         speed: 4000,         onsliderload: function() {              $('#top-ticker').addclass('ticker-loaded');          }     });  }

});

css style

/* top ticker */ #top-ticker { list-style: none; margin: 0; padding: 0; } #top-ticker li { display: block; padding: 1px 0 } #top-ticker li + li { display: none; } #top-ticker.ticker-loaded li + li {     display: block; }  .fl-page-bar-text .bx-wrapper .bx-viewport { background: none; border: none; box-shadow: none; }

try this:

#top-ticker li {     /* prevent going new line */     white-space: nowrap;     /* prevent horizontal scroll bar */     overflow: hidden; }

Comments

Post a Comment

Popular posts from this blog

yii2 - Yii 2 Running a Cron in the basic template -

-
i have seen instructions on running cron in advanced template, cant figure out how on basic template. have following controller in basic controllers folder. <?php namespace app\controllers; use yii\console\controller; /** * cron controller */ class croncontroller extends controller { public function actionindex() { echo "cron service runnning"; } public function actionmail($to) { echo "sending mail " . $to; } } i have navigated root of application , tried these comands yii cron php yii cron im getting unknown comand "cron" i know old question failed find actual answer this. if @ code yii exec file you'll notice requires /common/config/aliases.php file console/config/main.php. can naturally change these or copy on these advanced template. hope solves problem wanting same thing.
Read more

asp.net - 'System.Web.HttpContext' does not contain a definition for 'GetOwinContext' Mystery -

-
i realize question might seem trivial some, it's these types of things find myself fighting quite bit , want make sense of despite seeming losing battle in .net (for me anyway). so, if following: using system.web; ... applicationuser user = system.web.httpcontext.getowincontext().getusermanager<applicationusermanager>().findbyid(system.web.httpcontext.user.identity.getuserid()); that produces error in title , red getowincontext() , error cannot resolve symbol 'getowincontext()' however, if following (remove system.web in front of httpcontext ), works expected (or @ least no errors): using system.web; ... applicationuser user = httpcontext.getowincontext().getusermanager<applicationusermanager>().findbyid(system.web.httpcontext.user.identity.getuserid()); however, if (same line that's working using system.web commented out): //using system.web; ... applicationuser user = httpcontext.getowincontext().getusermana...
Read more

wso2esb - How to concatenate JSON array values in WSO2 ESB? -

-
we have json object below, expected result in: "(001),(011),(089),(120)". can suggest how iterate json array , concat values mention . "(001),(011),(089),(120)" thanks in advance. { "element": { "values": { "agentid": "aaaaa", "transactiondata": [ { "no": "001" }, { "no": "011" }, { "no": "089" }, { "no": "120" } ] } } } you can using iterate mediator, filter mediator , properties operation scope. try solution. @ end have (001),(011),(089),(120) value in concat-data property. have added complete proxy reference. <?xml version="1.0" encoding=...
Read more