Joomla Templates Club 406,261 posts

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

#569735

In this case, I would like to check the configuration directly from backend of your site, you can pm me admin login backend site and FTP account. I will help you out.

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

1. edd

[edd Friend eddJoin date: May 2006Posts: 350Downloads:11Uploads:73 Thanks: 76 Thanked: 8 times in 2 posts]

#570125

Hi NinjaLead,

I think I found: in fact I just changed background positions into the mod_jacontentslider.css and added a line, so here it is what I did:

Into templates/ja_mitius/css/mod_jacontentslider.css file

I looked for these lines:


.ja-contentslider-right {
background-position: -30px 0;
}
.ja-contentslider-right:hover,
.ja-contentslider-right:focus,
.ja-contentslider-right:active {
background-position: -30px -30px;
}
.ja-contentslider-left:hover,
.ja-contentslider-left:focus,
.ja-contentslider-left:active {
background-position: 0px -30px;
}

And I changed like this:

.ja-contentslider-right {
background-position: 0px 0px;
}

.ja-contentslider-left {
background-position: -30px 0px;
}

.ja-contentslider-right:hover,
.ja-contentslider-right:focus,
.ja-contentslider-right:active {
background-position: 0px -30px;
}
.ja-contentslider-left:hover,
.ja-contentslider-left:focus,
.ja-contentslider-left:active {
background-position: -30px -30px;
}

These changes are working in the position 5, so it means that position 2 and position 3 boutons are not affected.

So I dont know if it can helps somebody else, but here I go with all changes we made, there are two steps:
1) adding/changing code in the mod_jacontentslider.css
2) adding/changing code in the mod_jacontentslider/default.php

The changes:

1) Open templates/ja_mitius/css/mod_jacontentslider.css
erase all code in the css and copy/paste this code:

.ja-contentslider-center-wrap {
overflow: hidden;
}
.ja-contentslider {
height: 100%;
position: relative;
}
.content-slide {
border-bottom: 1px solid #E5E5E5;
margin-bottom: 15px;
padding-bottom: 15px;
}
.ja_slideimages {
display: inline-block;
float: left;
margin: 0px 20px 15px 0px;
}
.ja_slidetitle {
color: #222;
font-weight: bold;
}
.ja_slidetitle a {
color: #222;
font-weight: bold;
}
.ja_slidetitle a:hover,
.ja_slidetitle a:focus,
.ja_slidetitle a:active {
color: #f76000;
}
.ja-slidereadmore a.readon {
background: url(../images/readmore-bg.png) no-repeat left center;
color: #999;
cursor: pointer;
display: inline-block;
font-size: 12px;
padding-left: 18px;
}
.ja-slidereadmore a.readon:hover,
.ja-slidereadmore a.readon:focus,
.ja-slidereadmore a.readon:active {
background-image: url(../images/readmore-hover-bg.png);
color: #f76000;
}
.ja-button-control {
position: absolute;
top: -45px;
right: 0px;
}

.ja-contentslider-right,
.ja-contentslider-left {
background-image: url(../images/button-nav.png);
background-repeat: no-repeat;
cursor: pointer;
display: inline-block;
width: 30px;
height: 30px;
}

.ja-contentslider-right {
background-position: 0px 0px;
}

.ja-contentslider-left {
background-position: -30px 0px;
}

.ja-contentslider-right:hover,
.ja-contentslider-right:focus,
.ja-contentslider-right:active {
background-position: 0px -30px;
}
.ja-contentslider-left:hover,
.ja-contentslider-left:focus,
.ja-contentslider-left:active {
background-position: -30px -30px;
}

.t3-spotlight .ja-contentslider-right,
.t3-spotlight .ja-contentslider-left {
background-image: url(../images/button-nav-vertical.png);
}

.t3-spotlight .ja-contentslider-right,
.t3-spotlight .ja-contentslider-left {
background-image: url(../images/button-nav.png);
}

.t3-spotlight .ja-contentslider-left {
background-image: url(../images/button-nav.png);
background-position: -30px 0px;
}

.t3-spotlight .ja-contentslider-right {
background-image: url(../images/button-nav.png);
background-position: 0px 0px;
}
.t3-spotlight .ja-contentslider-right:hover,
.t3-spotlight .ja-contentslider-right:focus,
.t3-spotlight .ja-contentslider-right:active {
background-position: 0px -30px;
}

.t3-spotlight .ja-contentslider-left:hover,
.t3-spotlight .ja-contentslider-left:focus,
.t3-spotlight .ja-contentslider-left:active {
background-position: -30px -30px;
}

2) Open templates/ja_mitius/html/mod_jacontentslider/default.php file
find and change

[PHP]
<?php if ($mode == ‘vertical’){ ?>
<div class=”ja-contentslider-left ja-contentslide-down-img” title=”<?php echo JText::_(‘Previous’); ?>”> </div>
<div class=”ja-contentslider-right ja-contentslide-up-img” title=”<?php echo JText::_(‘Next’); ?>”> </div>

<?php } else {?>

<div class=”ja-contentslider-left ja-contentslide-left-img” title=”<?php echo JText::_(‘Previous’); ?>”> </div>
<div class=”ja-contentslider-right ja-contentslide-right-img” title=”<?php echo JText::_(‘Next’); ?>”> </div>
<?php } ?>
[/PHP]

to

[PHP]
<?php if ($mode == ‘vertical’){ ?>
<div class=”ja-contentslider-right ja-contentslide-up-img” title=”<?php echo JText::_(‘Previous’); ?>”> </div>
<div class=”ja-contentslider-left ja-contentslide-down-img” title=”<?php echo JText::_(‘Next’); ?>”> </div>

<?php } else {?>

<div class=”ja-contentslider-left ja-contentslide-left-img” title=”<?php echo JText::_(‘Previous’); ?>”> </div>
<div class=”ja-contentslider-right ja-contentslide-right-img” title=”<?php echo JText::_(‘Next’); ?>”> </div>
<?php } ?>
[/PHP]

Like I said, it is working fine for me, I don’t know if some moderator is OK to this code.
Hope this could help somebody looking for this changes.

Ninja Lead, Thanks a lot for all your help
🙂

[Author]

Posts