I want to add a border and around the ticker block on my front page and slow down the scroll feature some. 5 seconds is the slowest delay and I would like to make it something like 10 seconds but I am not sure where to make the change. For adding the border I tried making changes to the views.ticker.scroller.css by changing

.views-scroller-vertical-container {
width: 210px;
height: 160px;
overflow: hidden;
}

to

.views-scroller-vertical-container {
border: 3px solid #999;
padding: 3px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 5px 5px 10px #999;
-moz-box-shadow: 5px 5px 10px #999;
-webkit-box-shadow: 5px 5px 10px #999;
max-width: 90%;
width: auto;
margin: auto;
overflow: hidden;
}

but it did not do anything. What am I doing wrong?

Comments

stanb’s picture

stanb commented

Not sure about D7 but in D6 to change the scroller settings:

Go to Administer-> Site Building -> Views.

Click the edit button for the Views Ticker view you have created.

In the Views edit screen under Basic Settings, click on the gear icon next to Style: Views Ticker

Scroll way down the page and you should see config options for the Scroller.

rranveer4’s picture

rranveer4 commented
alexmc’s picture

alexmc commented

stanb: In D7 the config options for the Scroller only allow a maximum pause of 5 seconds. This is far too short and I was about to raise an issue but found this one first.

In the file includes/views_ticker_style_plugin.inc there is some code

$form['vTicker_Options']['vTicker_pause'] = array(
'#type' => 'select',
'#title' => t('Scroller pause'),
'#description' => t(''),
'#default_value' => $this->options['vTicker_Options']['vTicker_pause'],
'#options' => array(
500 => t('500 millisecond'),
1000 => t('One second'),
2000 => t('Two seconds'),
3000 => t('Three seconds'),
4000 => t('Four seconds'),
5000 => t('Five seconds'),
),
);

I hope you might guess what to do with that :-)

I've added in
10000 => t('Ten seconds'),
60000 => t('Sixty seconds'),

And it seems to work for me. I suppose I should submit this as a patch....

Unfortunately this doesn't help with your other problem about the border.

rvdtuin’s picture

rvdtuin commented

I think the classes and id for the vertical are not in the .css file.

when using firebug I "found" these classes:

#views-ticker-vTicker-list-ticker
.views-vTicker-item
.views-vTicker-item-ticker
.views-vTicker-tick-field

I am not sure what effects which property?

wxman’s picture

wxman commented

Is there a way to customize the look in D7? I can't find any settings other than vertical/horizontal speed and direction?