Joomla Templates Club 406,261 posts

[sebbs Friend sebbsJoin date: February 2006Posts: 529Downloads:0Uploads:62 Thanks: 164 Thanked: 6 times in 2 posts]

#199744

Is this possible ? to make the entire slideshow thinner?

---

Attachments:

1. 

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

#542637

Yes . . . . Can you provide the url of the site you’re working on?

[sebbs Friend sebbsJoin date: February 2006Posts: 529Downloads:0Uploads:62 Thanks: 164 Thanked: 6 times in 2 posts]

#542638

http://www.dnsnetworks.ca/

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

#542639

You can set the height/width parameters within the module itself . . . . .

http://www.joomlart.com/documentation/joomla-templates/ja-minisite#extension-config

http://static.joomlart.com/images/templates/JA%20Minisite/JASlideshow-backend.png

[sebbs Friend sebbsJoin date: February 2006Posts: 529Downloads:0Uploads:62 Thanks: 164 Thanked: 6 times in 2 posts]

#542641

Okay I updated my photos to be 275 in height and changed it in the module itself but looks like the height needs to be changed else where as well…

http://www.dnsnetworks.ca/

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

#542644

Within file path —> /modules/mod_jaslideshow/assets/themes/minisite/style.css
at line 11, you should see the following:


#ja-slideshow {
background: url("bgd_slideshow.png") repeat-y scroll 50% 0 rgba(0, 0, 0, 0);
height: 400px;
}

Play around with the “height” property – try 340px

Then, at line 44, modify as follws (as a suggestion)


.ja-slide-buttons span {
cursor: pointer;
display: block;
float: left;
height: 30px;
margin-right: 0;
margin-top: -30px;
overflow: hidden;
text-indent: -9999px;
width: 30px;
}

This will move the slideshow buttons up a bit.

[sebbs Friend sebbsJoin date: February 2006Posts: 529Downloads:0Uploads:62 Thanks: 164 Thanked: 6 times in 2 posts]

#542647

I changed the code like you said :

#ja-slideshow{background: url(bgd_slideshow.png) 50% 0 repeat-y; height:340px;}
.mask{height:340px; width:660px; position:absolute; z-index:5; background: url(bgd_mask.png) 0 0 repeat-y; display: block; left:0; top:0}

I also changed it where its bold…

no changes??

( I also removed the control buttons)

I cleaned my cache

Do you see changes?

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

#542649

I don’t recall suggesting any modification to a .mask” property

Did you modify the exact CSS rules as I outlined above?
I tested out the modifications in Firebug (live) and they worked as suggested.

[sebbs Friend sebbsJoin date: February 2006Posts: 529Downloads:0Uploads:62 Thanks: 164 Thanked: 6 times in 2 posts]

#542651

You didn’t suggest that .. I just thought since it was the same height as the other I would change it as well… I’ll put it back

[sebbs Friend sebbsJoin date: February 2006Posts: 529Downloads:0Uploads:62 Thanks: 164 Thanked: 6 times in 2 posts]

#542654

I cleared my browser cache… it still looks like this Do you know what I’m doing wrong?

---

Attachments:

1. 

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

#542655

For starters, I don’t see where any change you’ve made to the following has stuck:

File path —> /modules/mod_jaslideshow/assets/themes/minisite/style.css
at line 11 . . . .


#ja-slideshow {
background: url("bgd_slideshow.png") repeat-y scroll 50% 0 rgba(0, 0, 0, 0);
height: 400px;
}

Still needs to be modified to:


#ja-slideshow {
background: url("bgd_slideshow.png") repeat-y scroll 50% 0 rgba(0, 0, 0, 0);
height: 340px;
}

[sebbs Friend sebbsJoin date: February 2006Posts: 529Downloads:0Uploads:62 Thanks: 164 Thanked: 6 times in 2 posts]

#542656

I did though! .. Wonder what’s going on… hmmm …

---

Attachments:

1. 

[Author]

Posts