Joomla Templates Club 406,261 posts

[wmwrick Friend wmwrickJoin date: May 2012Posts: 21Downloads:0Uploads:1 Thanks: 4]

#178761

Hi all you JA lovers!

I’m wondering if anyone has worked out a way to change the length of the description field length background in ja slideshow 2? I’ve located the relevant CSS for the template I’m using but can’t find the parameter to change :((

Thanks!

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#459761

So that I can try to best assist you, please provide the url of the site you’re working on,
as well as set “Optimise CSS” to “No” within your Template Manager–General settings.

[wmwrick Friend wmwrickJoin date: May 2012Posts: 21Downloads:0Uploads:1 Thanks: 4]

#459903

Hi Tom,

Thanks for your response! See PM for details…

Cheers!

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#460011

Okay – so if I am understanding correctly what it is you are wanting to do, here is my suggestion . . .

Within the following file path –> /modules/mod_jaslideshow3/assets/themes/tiris/style.css

at line 233, you will see the following:

<blockquote>#ja-slideshow .maskDesc .ja-slide-desc {
color: #fff;
font-size: 100%;
left: 30px;
padding: 0;
position: absolute;
top: 145px;
width: 60%;
}</blockquote>

What you can do is play around with the “width” property percentage until you arrive at the result you are happy with.

for example . . .

<blockquote>#ja-slideshow .maskDesc .ja-slide-desc {
color: #fff;
font-size: 100%;
left: 30px;
padding: 0;
position: absolute;
top: 145px;
width: 40%;
}</blockquote>

You can, of course, also use pixel values instead of percentage, if you wish.

Does this achieve the result you were looking for ???

1 user says Thank You to TomC for this useful post

1. wmwrick

[wmwrick Friend wmwrickJoin date: May 2012Posts: 21Downloads:0Uploads:1 Thanks: 4]

#460043

Thanks for your reply Tom!

The change had the effect of reducing both the ‘title’ (top) and ‘description’ (bottom) boxes to the same length. I only want to reduce the ‘description’ box length just like the pic in this post…

Any ideas?

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

#460063

Hi there,

If you only wanna change with of ‘description‘ box, in the same style.css file like above, at approx line 255:

#ja-slideshow .maskDesc p {
background: none repeat scroll 0 0 #000000
color: #B3B3B3
font-family: "abelregular",Arial,sans-serif;
font-size: 200%;
font-weight: normal;
line-height: normal;
padding: 3px 10px;
text-transform: none;
width: XXXpx; <<< add your desired width here
}

1 user says Thank You to Saguaros for this useful post

1. wmwrick

[wmwrick Friend wmwrickJoin date: May 2012Posts: 21Downloads:0Uploads:1 Thanks: 4]

#460084

SAGUAROS – You are a STAR!

Works prefect, thanks very much for your help 😀

xx

[Author]

Posts