Ajax Scroller and arrows moved to bottom. How to?

12 years 1 month ago #6775 by vintage
Hi All,

thanks in advance for your help. Just bought this nice and useful module. I´m using it in a quite simple way, the only cosmetic need I have for now is just moving the navigation arrows at the bottom. I have been looking in the forum for some help or solution, found some topic discussing about styling the module etc.. but not very easy to understand where to edit to get this simple change I´d like to. Please help :)

Cheers!

Please Log in or Create an account to join the conversation.

12 years 1 month ago #6776 by Saka
You need to know some basic CSS.

To move the arrows you should look at the modules/mod_ajaxscroller/assets/css/style.css

Then find this code:
.ajaxscrl .mNavLeft,
.ajaxscrl .mNavRight,
.ajaxscrl .mNavUp,
.ajaxscrl .mNavDown,
.ajaxscrl .mNavPause,
.ajaxscrl .mNavPlay {
	width: 16px;
	height: 16px;
	cursor: hand;
	cursor: pointer;
	background: url(../images/navigation.png) no-repeat;
	position: absolute;
	top: -30px;
}

Change "top: -30px;" to "top: 120px;" or more, until you are satisfied with its position.

If you still have problems we offer the styling services for 10 EUR.

Emir Sakic
www.sakic.net

Please Log in or Create an account to join the conversation.

12 years 1 month ago #6777 by vintage
Hi!

thanks for your fast reply. That actually worked to move them down, but they are no longer clickable. I also changed the height of the container and scroller to better fits in the place.

Please Log in or Create an account to join the conversation.

12 years 1 month ago #6778 by vintage
OK solved! they were inside the container, that´s why they were no clickable anymore. Now it´s fine, thanks!

Please Log in or Create an account to join the conversation.

About us

We provide high quality Joomla components created by a co-founder and original core developer of Joomla. For over a decade, our products have been used by more than 20.000 webmasters around the world.

Stay in touch