Hello,

I need your help in configuring the final things on my slider.

Please see video: www.screencast.com/t/X93stINPecH

Summary from video:

1. Background image behind each thumbnail image needs to be removed. How do I do that?
2. How to increase the "bar" to 120 pixels high?
3. Left and right arrow need to be centered at 60 pixels from bottom. How?
4. How to remove space between images? Reduce by 5 pixels on each side of the line.
5. How to increase height of the line?
6. How to change the background color? Either transparent or another color?
7. How to remove the small dot that shows up on top of each of the pictures?

Thank you for your help.

Ron Holt

Hello,

Could you send a link to a page where we can see the slider?

Regards,
ARI Soft

Hello,

I setup a temporary login as a "registered" user. This way you can see the page. I didn't think you would need to have Super Admin. I can do that but I don't want that login to be in a public forum.

Go to: www.missiontoenhance.com
Click on: Team Login
Username: arisoft
Password: uziumauzi

Then click on "Meet Our Team"

Thank you,

Ron Holt

Add the following CSS rules:

.ari_slider_menu_wrap LI, .ari_slider_menu_wrap LI A, .ari_slider_menu_wrap {background-image: none !important;}
.ari_slider_menu_wrap LI A {padding-top: 0 !important;height: 100%;}
.ari_slider_menu_r_div {display:none;}
.ari_slider .ari_slider_menu_navleft, .ari_slider .ari_slider_menu_navright {top:50px;}
DIV.ari_slider {background-image:none;background-color: transparent;}
BODY DIV.ari_slider .ari_slider_menu ul li {width:150px;}

Regards,
ARI Soft

Hello,

Where do I add these rules to the CSS? Where?

Also, if there is ever an update to AriSoft, it would overwrite these rules, correct? If so, is there a way to place this in a custom CSS file so it doesn't get overwritten?

Thank you,

Ron Holt

The custom CSS rules can be added to "Styles" parameter in module settings. Value of this parameter will not be overridden after an update.

Regards,
ARI Soft