Ticker Box Code

Sample Ticker Box Script tag for ticker box

<script src="https://ir.stockpr.com/<%= company.ir_setting.alias %>/service/qb_g.js?symbol=<%= company.symbol.downcase %>/"></script>

CSS for ticker box

/* Style for entire quote box */
#spr-quote-box {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #e5e5e6 !important;
	margin: 0 auto;
	}
#spr-quote-box td {
	padding: 2px;
}
/* Styles for symbol and exchange */
#spr-quote-box .title-symbol, #spr-quote-box .title-text {
	color: #000 !important;
	}
#spr-quote-box .title-symbol {
	font-size: 15px;
	background-color: #F1F1F1 !important;
	}
#spr-quote-box .title-text {
	font-size: 11px;
	background-color: #F1F1F1 !important;
	}
/* Styles for alternating rows */
#spr-quote-box .odd {
	background-color:  #fff !important;
	}
#spr-quote-box .even {
	background-color:  #E6E6E6 !important;
	}
/* Styles for individual quote items */
#spr-quote-box .current-quote {
	font-size: 15px;
	font-weight: bold;
	}
#spr-quote-box .current-change-up, #spr-quote-box .current-change-down {
	font-size: 15px;
	font-weight: bold;
	padding-left: 20px;

	}
#spr-quote-box .current-change-up span, #spr-quote-box .current-change-down span {
	display: block;
	width: 14px;
	height: 9px;
	float: left;
	background-position: left center;
	background-repeat: no-repeat;
	}
#spr-quote-box .current-change-up {
	color: #458601;
	}
#spr-quote-box .current-change-down {
	color: #cb2400;
	}