Joomla Templates Club 406,261 posts

[flawlessgr Friend flawlessgrJoin date: April 2013Posts: 20Downloads:0Uploads:1 Thanks: 9 Thanked: 1 times in 1 posts]

#190962

Hi, I want to position the previous/next arrows of the Ja-slideshow lite module, on each side of the slideshow instead of the middle of the slideshow.
The site URL is http://palladion2.artemis.my-portal.gr/index.php/el/

Thank you in advance,
Konstantinos

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#507279

Hi Konstantinos,

Hope my solution will help you to solve this problem

Open templates/ja_mendozite/css/template.css file

Add new script


.ja-ss-btns {
height: 80px;
position: absolute;
right: auto;
left: 0;
top: 50%;
overflow: hidden;
width: 100%;
z-index: 25;
margin-top: -40px;
}

.ja-ss-btns span.ja-ss-prev {
background-image: url(../images/slide-prev.gif);
border-right: 1px solid #f6f6f6
background-repeat: no-repeat;
background-color: transparent;
display: block;
width: 40px;
margin: 0;
padding: 0;
overflow: hidden;
text-indent: -999em;
}

.ja-ss-btns span.ja-ss-next {
background-image: url(../images/slide-next.gif);
background-repeat: no-repeat;
display: block;
width: 40px;
margin: 0;
padding: 0;
overflow: hidden;
text-indent: -999em;
float: right;
}


Don’t forget to clear cache from Admin area after changed

1 user says Thank You to Ninja Lead for this useful post

1. flawlessgr

[flawlessgr Friend flawlessgrJoin date: April 2013Posts: 20Downloads:0Uploads:1 Thanks: 9 Thanked: 1 times in 1 posts]

#507308

First of all, thanks for the quick response.
I decided to take your answer as a guideline and modify the pre-existing css rules and finally I am able to place the buttons wherever I want!

Thanks a lot 🙂

<em>@Ninja Lead 391411 wrote:</em><blockquote>Hi Konstantinos,

Hope my solution will help you to solve this problem

Open templates/ja_mendozite/css/template.css file

Add new script


.ja-ss-btns {
height: 80px;
position: absolute;
right: auto;
left: 0;
top: 50%;
overflow: hidden;
width: 100%;
z-index: 25;
margin-top: -40px;
}

.ja-ss-btns span.ja-ss-prev {
background-image: url(../images/slide-prev.gif);
border-right: 1px solid #f6f6f6
background-repeat: no-repeat;
background-color: transparent;
display: block;
width: 40px;
margin: 0;
padding: 0;
overflow: hidden;
text-indent: -999em;
}

.ja-ss-btns span.ja-ss-next {
background-image: url(../images/slide-next.gif);
background-repeat: no-repeat;
display: block;
width: 40px;
margin: 0;
padding: 0;
overflow: hidden;
text-indent: -999em;
float: right;
}


Don’t forget to clear cache from Admin area after changed</blockquote>

[Author]

Posts