Joomla Templates Club 406,261 posts

[charles99 Friend charles99Join date: December 2008Posts: 314Downloads:207Uploads:17 Thanks: 8 Thanked: 50 times in 6 posts]

#153218

Ok this is the problem I am having where the Slideshow module mask is extending beyond the border, in return breaking the top part of the page…

And I downloaded the package that was online, the first one and only the template update…

which is 1.2.0

And when I logon to your demo area I am seeing the same thing there… again I am the only one that going through this…

One is from my site and the other one is from Joomlart.com Demo Area…

---

Attachments:

1. 
2. 

[cssyeah Moderator cssyeahJoin date: June 2006Posts: 653Downloads:73Uploads:15 Thanked: 121 times in 81 posts]

#352400

Hi charles99,

We fixed this bug, you can download again. plz

Thanks.

[charles99 Friend charles99Join date: December 2008Posts: 314Downloads:207Uploads:17 Thanks: 8 Thanked: 50 times in 6 posts]

#352435

What I am downloading, the template, Quickstart or just the Slideshow II Module?

[cssyeah Moderator cssyeahJoin date: June 2006Posts: 653Downloads:73Uploads:15 Thanked: 121 times in 81 posts]

#352437

Hi,

You download only the template again.

[charles99 Friend charles99Join date: December 2008Posts: 314Downloads:207Uploads:17 Thanks: 8 Thanked: 50 times in 6 posts]

#352480

<em>@trungch 189975 wrote:</em><blockquote>Hi,

You download only the template again.</blockquote>

Got it.. Thanks… Now what about the Mootools problem? When you turn on Joomla new Mootools 1.2.4 Plug-in it knock out all of Joomlart Plug-ins tabs, slideshow and newticker…

I posted in the Rasite forum about this issue when Joomla went to version 1.5.20…

Anyway thanks for the patch…

[charles99 Friend charles99Join date: December 2008Posts: 314Downloads:207Uploads:17 Thanks: 8 Thanked: 50 times in 6 posts]

#352481

I just downlaoded and installed the new template, butthe Slideshow II Module is still breaking the rightside of the Slideshow Module position! It not the template but the module that is not adjusting. The masking part of the module is fixed at 1200px you need to adjust that to “auto” in order for it to change to the size that is set in the Slideshow II Module Settings.

Again if my users have their monitor set at 1024px or below 1200px they will see the Slideshow module breaking my homepage. Anything below 1200px breaks the page where the Slideshow II Module is on! The module mask is the problem is is not adjusting.

Test it yourself: Set your monitor to 1024px and logon to Joomlart.com or your own Droid Website and you will see the Slideshow II Module breaking your Homepage.

1024px is the basic requirement for any website. This is why we base what we do at this number; not every user is going to have their monitor set at 1280px by 1024px and above…

The Module is the problem you need to remove a few div in order to get the module to adjust. Replace the fix 1200px with auto in the Slideshow Module php, and template.css.

When you remove a main div everything works, with the adjustment above but I am still learning how you guys do things so I am only adjusting in firebug and waiting on you guys to get it fixed!

[cssyeah Moderator cssyeahJoin date: June 2006Posts: 653Downloads:73Uploads:15 Thanked: 121 times in 81 posts]

#352528

Hi charles99,

You can set width of the slideshow, if you set width at 1200px and breaking your homepage, login to back-end of the your site and set width of the slideshow compatible with your site.

[ecohaven Friend ecohavenJoin date: July 2007Posts: 56Downloads:0Uploads:8 Thanks: 8 Thanked: 8 times in 1 posts]

#352555

I have tried various settings, and while the default settings look great on my large resolution desktop monitor, it breaks on a lowres laptop.

Setting the template width at 960px is ok.
So I tried to set to slideshow module to 1024px and the images also to 1024px but that didn’t work.
So I also tried 960px and 960 px respectively without success.

than I tried having the module published without any images and it extends too far on the right hand side.

It seems to me that Charles is right and the module needs adjusting.
thank you
Michael

<em>@trungch 190107 wrote:</em><blockquote>Hi charles99,

You can set width of the slideshow, if you set width at 1200px and breaking your homepage, login to back-end of the your site and set width of the slideshow compatible with your site.

</blockquote>

[charles99 Friend charles99Join date: December 2008Posts: 314Downloads:207Uploads:17 Thanks: 8 Thanked: 50 times in 6 posts]

#352567

Has anyone read the earlier 4 posts I did. Before I zeroed in on the problem I thought it was the template, but it is the Slideshow II Module. The way you have it setup is causing the problem. Anything below 1200px will break the right side of the template. Even if you place another Slider in the Slideshow Module Position.

The fixed size you have in the mod_Slideshow2.css needs to be fixed or adjusted to auto! Because it is the mask settings thats sticking out. Even if you adjust the size in the Slideshow II Module the mask is still set at 1200px.

Here is what you have:

<div class=”wrap-inner1″>
<div class=”main clearfix”> (when you remove this line)
<div class=”ja-slidewrap” id=”ja-slide-122″ style=”visibility: visible”>
<div class=”ja-slide-main-wrap” style=”width: 1200px; height: 300px”>
<div class=”ja-slide-mask”>
<div class=”ja-slide-mask2″> (and change from 1200px here in the mod_slideshow2.css to “AUTO” and the template adjusts to the size you set in the Slideshow II Module. or you can place the size of your photos in the module settings also.)

The (((DIV))) is where the problem lies… Remove it then set the size of your photos in the module or in the Mod_Slideshow2.css file and it will adjust…

<div class=”main clearfix”> (remove this line)
add auto or the photo size in this file mod_slideshow2.css

If you want to test it, simply use firefox. Remove the div and remove 1200px with auto or your photo size and it instantly set to whatever size you have it at. THE MASK IS THE PROBLEM IT IS NOT ADJUSTING TO ANYTHING BELOW 1200PX which is what it is set at…

[ecohaven Friend ecohavenJoin date: July 2007Posts: 56Downloads:0Uploads:8 Thanks: 8 Thanked: 8 times in 1 posts]

#352571

Hi
my mod_slideshow2.css looks different, what do I need to change? I can see I can change the 1200px to auto, but what else?

.ja-slidewrap { border: 0; }

#ja-slideshow .ja-slide-mask,

#ja-slideshow .ja-slide-mask2 {

background: url(../images/sl-mask.png) no-repeat left top;

display: block;

width: 1200px;

height: 300px;

position: absolute;

z-index: 100;

top: 0;

left: 0;

}

#ja-slideshow .ja-slide-mask2 {

background: url(../images/sl-mask2.png) repeat-x left bottom;

position: absolute;

z-index: 101;

}

.ja-slide-item {

position: absolute;

}

[cssyeah Moderator cssyeahJoin date: June 2006Posts: 653Downloads:73Uploads:15 Thanked: 121 times in 81 posts]

#352588

Hi all,

You can’t set auto for slideshow, because all image of slideshow is background, so you need set width for it. One other reasons you’ll never know what your customers use what screen ( if you set auto, your website looks very bad when they use dual monitor ).

So I recommend using a fixed size and is suitable for slideshow.

Hope you happy 🙂

[ecohaven Friend ecohavenJoin date: July 2007Posts: 56Downloads:0Uploads:8 Thanks: 8 Thanked: 8 times in 1 posts]

#352595

Hi
I understand why auto can be a problem then, but I am not completely happy yet.
I still need to know exactly what to change.
1200 px is just too wide.
I want my site to fit a ibook G4 with a resolution of 1024×768
The Droid template looks fine with a width of 960px.
Without publishing the slideshow module, everything is fine, publishing the module breaks the template.

So I tried to make the slideshow 960px or 1024px, and my images 960 px, but the image is push to the left of the centre. I am just using an orange rectangle as my image.
It looks like the attachment.

so,
What should the width of the module be: 960px or 1024px?
What should the width of the images be? 1024px
What other changes do I need to make?
thank you
Michael

<em>@trungch 190172 wrote:</em><blockquote>Hi all,

You can’t set auto for slideshow, because all image of slideshow is background, so you need set width for it. One other reasons you’ll never know what your customers use what screen ( if you set auto, your website looks very bad when they use dual monitor ).

So I recommend using a fixed size and is suitable for slideshow.

Hope you happy :)</blockquote>

---

Attachments:

1. 

[cssyeah Moderator cssyeahJoin date: June 2006Posts: 653Downloads:73Uploads:15 Thanked: 121 times in 81 posts]

#352607

Hi ecohaven,

We have just updated the JA Droid template. You can download again and reinstall it.

Trungch.

1 user says Thank You to cssyeah for this useful post

1. ecohaven

[ecohaven Friend ecohavenJoin date: July 2007Posts: 56Downloads:0Uploads:8 Thanks: 8 Thanked: 8 times in 1 posts]

#352613

you fixed it! Brilliant.
thank you

[leonardo24 Friend leonardo24Join date: December 2009Posts: 3Downloads:0Uploads:0 Thanks: 4]

#354519

I have the same problem. I downloaded Droid template v. 1.2.2. but the Slideshow 2 module is breaking the rightside of the Slideshow Module position. Can I help me. Thanks
Monica

my siye is: http://studiolegalemanghi.eu

[Author]

Posts