Joomla Templates Club 406,261 posts

[windyjon Friend windyjonJoin date: June 2007Posts: 10Downloads:0Uploads:1]

#120801

Hi,

Many thanks in advance for any help you can offer.

My spotlight modules don’t look like they should. I’m trying to create 3 images in module positions user1, user2 and user5, (just like the JS_Rochea demo), so I’ve scaled my images to 158 pixels wide and set up the 3 modules.

The problem is that the ‘rollover’ effect is much wider than my images. i.e. the coloured bit with the text which rolls up from the bottom is much wider than the image.

Image attached.

I’m only showing 2 modules in this screenshot.

If I just have it with 1 module the rollover effect runs to the full width of the page.

I’ve got a new and virginal install of Joomla with JA Rochea. There are no other copies of mootools installed. Any ideas? I’m stuck.

Many thanks

Windyjon

[choccibicci Friend choccibicciJoin date: December 2006Posts: 4Downloads:0Uploads:0]

#222103

I had the same problem and found I needed to adjust the .ja-slwi-container width to 150px. This accomodates a 6 x 4.2 cm picture very nicely and doesnt spread across the modules if the width is set to 100% (default). I can get 3 of these in with both left and right columns in use, and it looks very tidy.

[windyjon Friend windyjonJoin date: June 2007Posts: 10Downloads:0Uploads:1]

#222109

Choccibicci,

First of all, thanks very much for the advice. And I love your user name. 😉 Made me laugh for some strange, personal reason. Seemed very Italian/Anglo cross-cultural to me. But I digress.

That seems to have fixed it. Just tweaked that style to fit my image sizes and it works perfectly.

Unfortunately it means that anytime I want to use that module it has to be the same width, in my case 158 pixels. So I’m stuck with having 3 images or not using the module.

I’ve a feeling that others can use images of any width they want, wherever they want, and the ‘scrolling up’ effect is working at ‘100%’ rather than some specific pixel width, which is clearly more limiting. It would be good to find out what’s causing this.

But thank you for you help. I’m very grateful and you’ve fixed a problem for me.

WindyJon

[qbali JATC qbaliJoin date: October 2006Posts: 177Downloads:13Uploads:23 Thanks: 13 Thanked: 2 times in 1 posts]

#223035

Hi guys,

how do you fixed this problem , i have the same problem here.

help me please

regards

[ShannonN Friend ShannonNJoin date: July 2006Posts: 1947Downloads:0Uploads:9 Thanks: 16 Thanked: 172 times in 49 posts]

#223054

windyjon;18152Choccibicci,

First of all, thanks very much for the advice. And I love your user name. 😉 Made me laugh for some strange, personal reason. Seemed very Italian/Anglo cross-cultural to me. But I digress.

That seems to have fixed it. Just tweaked that style to fit my image sizes and it works perfectly.

Unfortunately it means that anytime I want to use that module it has to be the same width, in my case 158 pixels. So I’m stuck with having 3 images or not using the module.

I’ve a feeling that others can use images of any width they want, wherever they want, and the ‘scrolling up’ effect is working at ‘100%’ rather than some specific pixel width, which is clearly more limiting. It would be good to find out what’s causing this.

But thank you for you help. I’m very grateful and you’ve fixed a problem for me.

WindyJon

Hi John
have you tried using a percentage for the spotlights such as two modules 50 % each, 3 33.3 each 4 @ 25 % each (taking into account the smallish white space needed between spotlights) to make up the full 100 % page width?

ShannonN

[ShannonN Friend ShannonNJoin date: July 2006Posts: 1947Downloads:0Uploads:9 Thanks: 16 Thanked: 172 times in 49 posts]

#223055

qbali;19460Hi guys,

how do you fixed this problem , i have the same problem here.

help me please

regards

The solution that is workable has been posted in the above thread? by choccibikki?

[windyjon Friend windyjonJoin date: June 2007Posts: 10Downloads:0Uploads:1]

#223058

<em>@qbali 19460 wrote:</em><blockquote>Hi guys,

how do you fixed this problem , i have the same problem here.

help me please

regards</blockquote>
QBali,

Choccibikki’s solution works well.
1. Open template_css.css
2. Around line 1670 is the following:

.ja-slwi-container {
width: 100%;
}

3. I changed this to :
.ja-slwi-container {
width: 158px;
}

4. I’ve tried using Shannon’s suggestion to use a % value, rather than a specific pixel value, but this doesn’t work unless you have something published in the ‘Right hand module’ position.

[ShannonN Friend ShannonNJoin date: July 2006Posts: 1947Downloads:0Uploads:9 Thanks: 16 Thanked: 172 times in 49 posts]

#223062

windyjon;19490QBali,

Choccibikki’s solution works well.
1. Open template_css.css
2. Around line 1670 is the following:

.ja-slwi-container {
width: 100%;
}

3. I changed this to :
.ja-slwi-container {
width: 158px;
}

4. I’ve tried using Shannon’s suggestion to use a % value, rather than a specific pixel value, but this doesn’t work unless you have something published in the ‘Right hand module’ position.

Thanks for the heads up re my suggestion, I wasn’t aware the need for the right module pos etc as you can imagine I dont get to run up every template and make many changes to test 🙂

[qbali JATC qbaliJoin date: October 2006Posts: 177Downloads:13Uploads:23 Thanks: 13 Thanked: 2 times in 1 posts]

#223084

thanks for your helps guys, i will try it later, and back here if i found some questions later

[Author]

Posts