Joomla Templates Club 406,261 posts

[Sami Mattila Friend Sami MattilaJoin date: September 2014Posts: 36Downloads:0Uploads:4 Thanks: 2 Thanked: 1 times in 1 posts]

#156561

I have tried many different options to the slideshow settings but cannot get the text work properly. See the problem:
http://moymore.server49.internet-content.net/

When in transit the text on the rightside jumps first to the middle of the slideshow area and only after that to the correct position on the right side of the picture. How to fix this issue?

Also I have tried to get the text on the left side and image then right side, but cannot move the text from right to left.

Any ideas how to fix the jumping effect.

Both animation effect and mark transition are set to Linear.

Here the settings:
Mark Alignment right
Mark Width 400
Mark Height 100
Mark Transition Tyle Opacity
Mark Transition Linear

How do I get the text stay in the right area? I have not touched the text-html-code otherwise than changed the actual text.

Amy

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

#363400

You add the following code into the template.css file:

.ja-slide-main .ja-slide-desc {
visibility:hidden;
}

you open the file templates/css/mod_jaslidesho2.css file and find:

.ja-slide-desc {
font-family:Arial,Helvetica,sans-serif;
font-weight:bold;
left:220px;
line-height:1;
position:absolute;
top:85px;
}

replace:

.ja-slide-desc {
font-family:Arial,Helvetica,sans-serif;
font-weight:bold;

}

and find:

.maskDesc{
z-index:400;
right:0px;
top:0px;
}

replace:

.maskDesc{
z-index:400;
right:0px;
top:50px;
}

[Author]

Posts