Navigational Arrows, Font Size, Intro Text Box

1.The Navigational arrows are displaying on the edge of the picture so you can only see a part of them.
2.The Navigational circles underneath are only displaying half
3.Can I change font size?
4.Can I move the position of the Intro Text Shadow Box, Resize it and change the color?

Thank you for your help.

viedrive.com (to see the site)

1. Arrows are white so you don't see them because of white background.

Open /modules/mod_hot_effects_rotator/tmpl/style.css

a.nivo-prevNav {
left: 10px;
}

a.nivo-nextNav {
background-position: -32px 0;
right: 10px;
}

change 10px in both entities to move them.

2. Open /modules/mod_hot_effects_rotator/tmpl/style.css

.nivo-controlNav {
position: absolute;
left: 47%;
bottom: -15px;
}

change -15 to -10

3. Font-size is inherited from your template you can use
.nivo-caption p{
font-size:...
}


4. Use
.nivo-caption{
...
}

you can move it top-down because it's absolutely positioned by adding top property (bottom of style.css):

example:


.nivo-caption{
top: 450px;
}

also use that class for resizing, background...

for text styling use:

.nivo-caption p{
...
}

:woohoo: :kiss: Thank you so much. You have just saved me more than you know. I'm not familiar with JS only CSS and HTML, so your response was a huge blessing.

Thank you for all you do.. and everything works great!!!!!


THANK YOU THANK YOU THANK YOU

I love this Module.