For 3.8 users-here is the CSS code. you will have to adjust it to your site. it took me days to get the answer so enjoy it freely and simply! iv'e made the code
bold where you will need to adjust it for your site.
Code:
~~~~~~~~~~~~~~~~~~~~~~~~~~~~
/* StatorLatest Threads Ticker */
~~~~~~~~~~~~~~~~~~~~~~~~~~~~
#ticker-wrapper * {
margin-left: auto;
margin-right: auto;
}
#ticker-wrapper.has-js {
margin: 20px auto 20px auto;
padding: 0px 20px;
width: 870px;
height: 30px;
display: block;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
background-color: #f8f0db;
font-size: 1.1em;
}
#ticker-wrapper{position:relative}
#ticker {
width: 830px;
height: 30px;
display: block;
position: relative;
overflow: hidden;
background-color: #f8f0db;
}
#ticker-title {
padding: 5px;
color: #990000;
font-weight: bold;
background-color: #f8f0db;
text-transform: none;
}
#ticker-content {
margin: 0px;
padding: 5px;
position: absolute;
color: #1F527B;
font-weight: normal;
background-color: #f8f0db;
overflow: hidden;
white-space: nowrap;
line-height: 1.2em;
}
#ticker-content:focus {
none;
}
#ticker-content a {
text-decoration: none;
color: #1F527B;
}
#ticker-content a:hover {
text-decoration: underline;
color: #0D3059;
}
#ticker-swipe {
padding-top: 9px;
position: absolute;
top: 0px;
background-color: #f8f0db;
display: block;
width: 800px;
height: 23px;
}
#ticker-swipe span {
margin-left: 1px;
background-color: #f8f0db;
border-bottom: 1px solid #1F527B;
height: 12px;
width: 7px;
display: block;
}
#ticker-controls {
list-style-type: none;
margin: 0;
padding: 8px 0 0;
position: absolute;
right: 30px;
top:45;
}
#ticker-controls li {
padding: 0px;
margin-left: 5px;
float: left;
cursor: pointer;
height: 16px;
width: 16px;
display: block;
}
#ticker-controls li#play-pause {
background-image: url('../images/controls.png');
background-position: 32px 16px;
}
#ticker-controls li#play-pause.over {
background-position: 32px 32px;
}
#ticker-controls li#play-pause.down {
background-position: 32px 0px;
}
#ticker-controls li#play-pause.paused {
background-image: url('../images/controls.png');
background-position: 48px 16px;
}
#ticker-controls li#play-pause.paused.over {
background-position: 48px 32px;
}
#ticker-controls li#play-pause.paused.down {
background-position: 48px 0px;
}
#ticker-controls li#prev {
background-image: url('../images/controls.png');
background-position: 0px 16px;
}
#ticker-controls li#prev.over {
background-position: 0px 32px;
}
#ticker-controls li#prev.down {
background-position: 0px 0px;
}
#ticker-controls li#next {
background-image: url('../images/controls.png');
background-position: 16px 16px;
}
#ticker-controls li#next.over {
background-position: 16px 32px;
}
#ticker-controls li#next.down {
background-position: 16px 0px;
}
.js-hidden {
display: none;
}
#no-js-news {
padding: 10px 0px 0px 45px;
color: #F8F0DB;
}
.left #ticker-swipe {
left: 80px;
}
.left #ticker-controls, .left #ticker-content, .left #ticker-title, .left #ticker {
float: left;
}
.left #ticker-controls {
padding-left: 6px;
}
.right #ticker-swipe {
right: 80px;
}
.right #ticker-controls, .right #ticker-content, .right #ticker-title, .right #ticker {
float: right;
}
.right #ticker-controls {
padding-right: 6px;
}