Rok News Rotator Code Question
-
-
- Twisted Networx
- Sr. Rocketeer
- Posts: 169
- Thanks: 0
-
If you visit my site at:
http://www.VMWUSA.org
you will see the rotator on the front page there. Hit pause right away so you can see what I mean. The pause and forward buttons show up and my text runs into them. is there a way to move the buttons lower? I have 10 "Other Top News Reports" and that pushes more blue space under the rotator. I just want to know if I can move those buttons.
I'm no programmer or expert in code, so if there is a way, please be detailed in explanation so I don't have to bug you anymore. Thanks so much!! :shock:
Brandon - Best Regards,
Tommy Jordan
Twisted Networx
twistednetworx.com
-
-
-
- Mike VanKirk
- Preeminent Rocketeer
- Posts: 15294
- Thanks: 3
-
Hello,
In your template.css:
#news-rotator .controls { bottom:15px; position:absolute; right:15px; z-index:5; top:190px; <--add this line to move it into a safe place. }
-
-
-
- Twisted Networx
- Sr. Rocketeer
- Posts: 169
- Thanks: 0
-
Tried it Mike, and it didn't really work. Here's my code as it is now. I tweaked a couple things, but it looks like the box needs to be widened a little. Visit the site again and see the first scroller item...the last line looks to be cut off a little.
http://www.VMWUSA.org
/* @group RokNewsRotator */
#news-rotator{position:relative;z-index:1;height:335px;overflow:hidden;}
#news-rotator .image{position:relative;left:0;top:0;height:180px;z-index:1;overflow:hidden;display:block;}
#news-rotator .story{display:block;margin-top: 180px;position:relative;z-index:2;height:150px;/* image width + 12px */}
#news-rotator .story p{font-size: 150%;line-height:130%;font-family:Trebuchet MS;}
#news-rotator h1 {color:#fff;margin-top:15px;}
#news-rotator h1 a {color:#fff !important;}
#news-rotator .story .padding{padding:15px 25px 0px 25px;top:15;}
#news-rotator .controls{position:absolute;bottom:15px;right:20px;z-index:5;top:335px;}
#news-rotator .controls img{height:15px;width:15px;background-image:url(../images/news-scroller-controls.png);cursor:pointer;margin-right:3px;}
#news-rotator .control-prev{background-position:0 0;}
#news-rotator .control-next{background-position:0 -17px;}
#news-rotator .control-stop{background-position:0 -34px;}
#news-rotator .control-play{background-position:0 -51px;}
} - Best Regards,
Tommy Jordan
Twisted Networx
twistednetworx.com
-
-
-
- Twisted Networx
- Sr. Rocketeer
- Posts: 169
- Thanks: 0
-
Also, there is plenty of blue space on the bottom of the scroller...is there anyway to do something else with that space at all? I'd like to make the text box larger to have more text, but not sure how either!
Thanks - http://www.VMWUSA.org - Best Regards,
Tommy Jordan
Twisted Networx
twistednetworx.com
-
-
-
- Twisted Networx
- Sr. Rocketeer
- Posts: 169
- Thanks: 0
-
Hey Mike,
Not sure what happened, but do you know how to get the < > and pause buttons back on the news rotator? They were there before and now they are not. Any ideas?? Thanks!!
http://www.VMWUSA.org
Brandon - Best Regards,
Tommy Jordan
Twisted Networx
twistednetworx.com
-
Time to create page: 0.090 seconds