Public Forums 71,145 posts

[checkmate40 Friend checkmate40Join date: February 2008Posts: 104Downloads:0Uploads:19 Thanks: 15 Thanked: 3 times in 1 posts]

#137042

Using the slideshow is there a way to align the text for one of the images to the top right opposed to the bottom left?

Tried putting align=”right” inside the span tag but that didn’t work.


<p><a href="#">
<span>Semper quis id pellentesque porttitor lacinia</span>
<span>Nibh malesuada Donec est iaculis.</span>
<span>Vitae mauris Maecenas justo</span>
<span>Maecenas dignissim</span>
</a></p>

<p><span>Curabitur lacinia Nulla id egestas felis cursus</span>
<span>Curabitur platea. Ipsum Praesent vel</span>
<span>Condimentum cursus fringilla.</span></p>


[mihirc Friend mihircJoin date: December 2008Posts: 597Downloads:0Uploads:3 Thanks: 62 Thanked: 95 times in 39 posts]

#286179

Hello,

There are 2 ways of doing this:

1. Open the jaslideshow.css – Find Line 99 –
Add in that line –

.ja-slideshowdesc p {
margin:0;
padding:0 20px;
text-align:right;
}

2) Add in description itself:

What we have done in the next is added a small css tag in the paragraph. You will have to keep doing this, to all the paragraph tags.

<p style="text-align:right;"><a href="#">
<span>Semper quis id pellentesque porttitor lacinia</span>
<span>Nibh malesuada Donec est iaculis.</span>
<span>Vitae mauris Maecenas justo</span>
<span>Maecenas dignissim</span>
</a></p>

<p style="text-align:right;"><span>Curabitur lacinia Nulla id egestas felis cursus</span>
<span>Curabitur platea. Ipsum Praesent vel</span>
<span>Condimentum cursus fringilla.</span></p>

Hope this helps,
Mihir Chhatre.

1 user says Thank You to mihirc for this useful post

1. checkmate40

[checkmate40 Friend checkmate40Join date: February 2008Posts: 104Downloads:0Uploads:19 Thanks: 15 Thanked: 3 times in 1 posts]

#286286

Thanks man. I had that exact code, only I had it in the span tag. Not sure if you know or not but now that the text is aligned to the right I would like it to show on the upper right hand side of the picture opposed to the lower left.

So I’ve added a margin-left but there seems to be a limit of around 400px because the text becomes smashed or wont go past a specific point near the middle of the image.

I don’t want to change the jaslideshow.css because on some of the images I do want it on the left side and some the right.

I still need to look into it but Im thinking there is probably some margins or area boundry setup in the jaslideshow.css that if I remove and I could manually set the position for each image and not run into this invisable barrier?

[checkmate40 Friend checkmate40Join date: February 2008Posts: 104Downloads:0Uploads:19 Thanks: 15 Thanked: 3 times in 1 posts]

#286302

I was right. I changed…

<blockquote>.ja-slideshowdesc {
position: absolute;
bottom: 50px;
left: 50px;
z-index: 10;
width: 60%;
padding: 10px 0;
color: #FFFFFF;
font-size: 180%;
font-weight: bold;
}</blockquote>

to

<blockquote>.ja-slideshowdesc {
position: absolute;
bottom: 50px;
left: 50px;
z-index: 10;
width: 100%;
padding: 10px 0;
color: #FFFFFF;
font-size: 180%;
font-weight: bold;
}</blockquote>

[mihirc Friend mihircJoin date: December 2008Posts: 597Downloads:0Uploads:3 Thanks: 62 Thanked: 95 times in 39 posts]

#286315

hello,

so did you get it working?

Regards,
Mihir Chhatre.

[checkmate40 Friend checkmate40Join date: February 2008Posts: 104Downloads:0Uploads:19 Thanks: 15 Thanked: 3 times in 1 posts]

#286712

Yup. I haven’t completely cleaned it up yet but I’m 90% confident I can get it the way I want.

Thanks for taking the time to look into it.

[Author]

Posts