Joomla Extensions Club 20,483 posts

[lucine Friend lucineJoin date: October 2008Posts: 128Downloads:0Uploads:8 Thanks: 31 Thanked: 5 times in 1 posts]

#148432

Hi,

I tried to reverse the left with the right, because for my case it’s more logical …

I have no problems for :

• sl-mask.png
• the mask description

But I have difficulties for (even if I look with firebug):

• Slideshow Images (stay on the left)
• Read more button (Ok for the place but problems for the mouse control).

Could you give me the way to achieve my needs ?

Thanks by advance

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#331962

Hello guy!

Please let me known which template you are using ? it would be very helpful me to resolve your issue
thanks

[lucine Friend lucineJoin date: October 2008Posts: 128Downloads:0Uploads:8 Thanks: 31 Thanked: 5 times in 1 posts]

#332028

Hi,

I am using Kyanite 2,
And I would like to reverse the slideshow module (left to right):

Photos and thumbnails to the right
Wood mask with comments and read more to the left

Thanks a lot by advance

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#332243

Hello guy!

1) with description and read more button
open the file /templates/ja_kyanite_ii/css/ja.slideshow2.css and find codes:
a) description:

.maskDesc .ja-slide-desc {
float: right;
display: block;
margin-top: 1px;
margin-right: 5px;
padding: 0;
width: 380px;
height: 336px;
}

=> replace:

.maskDesc .ja-slide-desc {
float: left;
display: block;
margin-top: 1px;
margin-right: 5px;
padding: 0;
width: 380px;
height: 336px;
}

b) Readmore
and find codes:

.maskDesc a.readon {
background: url(../images/topsl-readon.png) no-repeat left top;
bottom: 35px;
color: #ccc;
display: block;
font-weight: bold;
font-size: 125%;
height: 29px;
position: absolute;
padding: 6px 15px 0 35px;
right: 200px;
width: 108px;
text-decoration: none;
}

replace:

.maskDesc a.readon {
background: url(../images/topsl-readon.png) no-repeat left top;
bottom: 35px;
color: #ccc;
display: block;
font-weight: bold;
font-size: 125%;
height: 29px;
position: absolute;
padding: 6px 15px 0 35px;
left: 200px;
width: 108px;
text-decoration: none;
}

c) Navigator:

.ja-slide-thumbs-wrap {
clear: both;
overflow: hidden;
position: absolute;
left: 10px;
bottom: 10px;
z-index: 101;
}

and replace:

.ja-slide-thumbs-wrap {
clear: both;
overflow: hidden;
position: absolute;
right: 10px;
bottom: 10px;
z-index: 101;
}

d) Image:

.ja-slide-item img { background: none; border: none; padding: 0; }

replace:
.ja-slide-item img { background: none; border: none; padding: 0; float:right }

good luck

1 user says Thank You to Saguaros for this useful post

1. lucine

[lucine Friend lucineJoin date: October 2008Posts: 128Downloads:0Uploads:8 Thanks: 31 Thanked: 5 times in 1 posts]

#332245

Perfect !!!
Thank a lot it is exactly what I wanted !
Nice day !!!

[dozza Friend dozzaJoin date: October 2007Posts: 149Downloads:0Uploads:21 Thanks: 16 Thanked: 8 times in 1 posts]

#343251

Tienhc

How would I achieve the same if I’m using stand alone Ja Slideshow 2 module installed onto another (RocketTheme) template?

I can’t see where it has installed the file ja.slideshow2.css?

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#343422

Dear dozza!
I can’t see where it has installed the file ja.slideshow2.css?

This solution used for the old version, the new veriosn has the “mod_jaslideshow2.css” file inside css folder

GOod luck

[Author]

Posts