Joomla Templates Club 406,261 posts

[pittigeteksten Friend pittigetekstenJoin date: December 2012Posts: 58Downloads:47Uploads:9 Thanks: 17 Thanked: 1 times in 1 posts]

#195200

I want to use JA Slideshow in JA Magz to show images in a folder and added a position for it on top of the page but get a black bar in the top of the slideshow images which I can not get rid of from within the Administrator menu. What is this? How do I get rid of the black bar? See the screenshot below.

---

Attachments:

1. 

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

#524326

I’m not certain what the dimensions of your slideshow image is supposed to be, but perhaps the following suggestion may help (?) . . .

Within file path —> /templates/ja_magz/css/mod_jaslideshow.css
at line 20, adjust the “line-height” property – for example . . .


.ja-slide-item {
background: none repeat scroll 0 0 #000000
display: block;
float: left;
left: 0;
line-height: 100px;
margin: 0;
overflow: hidden;
position: relative;
right: 0;
text-align: center;
vertical-align: middle;
}

Again, it would be helpful to know what the dimensions of your slideshow image is.

1 user says Thank You to TomC for this useful post

1. pittigeteksten

[pittigeteksten Friend pittigetekstenJoin date: December 2012Posts: 58Downloads:47Uploads:9 Thanks: 17 Thanked: 1 times in 1 posts]

#524802

Thanks Tom. I set the line-height to 0 and images are shown normally now, but there is still a lot of white space below the images. They have a height of 220 pixels, but the slideshow module takes up 330 pixels, see the image below.*

---

Attachments:

1. 

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

#524803

Well, one thing you can try is the following . . . .

Within file path —> /templates/ja_magz/css/template.css
at line 2435, adjust the “margin-bottom” property as follows:


.t3-module {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
color: inherit;
margin-bottom: 0;
}

Then, do the same for the “padding-top” property at line 6155:


.spl-home-1 {
padding-top: 0;
}

Better ?? 🙂

1 user says Thank You to TomC for this useful post

1. pittigeteksten

[pittigeteksten Friend pittigetekstenJoin date: December 2012Posts: 58Downloads:47Uploads:9 Thanks: 17 Thanked: 1 times in 1 posts]

#524809

Much better!*

Now for a final problem. I want to use multiple instances of the JA Slideshow module throughout the website. However, if I change the main item height in the profile settings of one of these modules, it changes in all copies of that module as well.

What I want to achieve is make slideshow with a height of say 300 pixels on the home page and slideshows with a height of 150 pixels on all other pages. Is this not possible? *
*
Pierre

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

#524811

Hmmm … That’s one I’m going to need to forward on to my “developer” colleagues to provide further insight on.
(which I’ve done) 😎

[Manos Moderator ManosJoin date: February 2014Posts: 2806Downloads:46Uploads:56 Thanks: 200 Thanked: 633 times in 576 posts]

#524819

<em>@pittigeteksten 413976 wrote:</em><blockquote>
Now for a final problem. I want to use multiple instances of the JA Slideshow module throughout the website. However, if I change the main item height in the profile settings of one of these modules, it changes in all copies of that module as well.
</blockquote>

You just need to “clone” the profile http://prntscr.com/2wqwbn for every new instance (save it with a different name obviously)

1 user says Thank You to Manos for this useful post

1. pittigeteksten

[Author]

Posts