Joomla Templates Club 406,261 posts

[minas69 Friend minas69Join date: September 2007Posts: 260Downloads:0Uploads:99 Thanks: 73 Thanked: 6 times in 1 posts]

#173656

Hi,

I want to change the background color from the ja slideshow modul…Now it is black ( see image )

Thanks for your comments…

mina

---

Attachments:

1. 

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#437372

Mina,

the css for that is located in /templates/ja_tiris/css/template.css at around line 1317.

#ja-slideshow .main-inner2,
#ja-slideshow2 .main-inner2 {
background: #000;
margin: 0px !important;
padding: 0px !important;
}

You can change background to one of your choice from #000

Regards

1 user says Thank You to swissa for this useful post

1. hbenachou

[minas69 Friend minas69Join date: September 2007Posts: 260Downloads:0Uploads:99 Thanks: 73 Thanked: 6 times in 1 posts]

#437384

Thanks swissa it runs 🙂

What about the other 2 black areas ? One above the slideshow image and 1 around the thumbnails ….

Thanks in advance

mina

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

#437387

<em>@minas69 299347 wrote:</em><blockquote>Thanks swissa it runs 🙂

What about the other 2 black areas ? One above the slideshow image and 1 around the thumbnails ….

Thanks in advance

mina</blockquote>
Mina:

Can you provide the url of the site you’re working on, as well as set “Optimize CSS” to “No” within your Template Manager–General Settings?

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#437395

Hi Mina,

can you clarify for Tom or I exactly what you are trying to achieve with the thumbnails as there is a lot of css around these. Do you want them to stay, go, change colour?

Also the black area above the slideshow? That’s the menu? Do you have a screenshot?

1 user says Thank You to swissa for this useful post

1. minas69

[minas69 Friend minas69Join date: September 2007Posts: 260Downloads:0Uploads:99 Thanks: 73 Thanked: 6 times in 1 posts]

#437401

ok wonderful….

---

Attachments:

1. 

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

#437403

Mina:
Can you also provide the url of the site you’re working on, as well as set “Optimize CSS” to “No” within your Template Manager–General Settings?

[minas69 Friend minas69Join date: September 2007Posts: 260Downloads:0Uploads:99 Thanks: 73 Thanked: 6 times in 1 posts]

#437412

kindly tom 🙂

http://msalfeld.alfahosting.org/index.php

Thanks

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

#437417

For the thumbnail images on the right side, you need to open /modules/mod_slideshow/assets/themes/tiris/style.css

at line 29, you should see the following . . .

<blockquote>.viewbutton {
position: absolute;
right: 30px;
top: 135px;
z-index: 5;
float: right;
padding: 30px 0px;
background: #000;
}</blockquote>

this is where you can change the background color from black (#000) to whatever color code you want.

1 user says Thank You to TomC for this useful post

1. minas69

[minas69 Friend minas69Join date: September 2007Posts: 260Downloads:0Uploads:99 Thanks: 73 Thanked: 6 times in 1 posts]

#437418

ok..fine thanks…..and for the block above the slideshow image ?

thx
mina

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

#437420

<em>@minas69 299385 wrote:</em><blockquote>ok..fine thanks…..and for the block above the slideshow image ?

thx
mina</blockquote>
To be honest, I am having a difficult time ascertaining what that space actually is.

The only thing I can think of is that it’s the slideshow background color – which swissa already eluded to in post #2 above – and your slideshow images are either not filling up the slideshow container, or you need to adjust your slideshow container width/height parameters.

1 user says Thank You to TomC for this useful post

1. minas69

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#437435

Excuse me if I jump in…

Darf ich?

You have set a background for slideshow at template.css @ line 1319. the black comes from the #000 code you have in there. If you delete that out you see the body background. So the picture needs to be resized and Tom would know better than I what it should be.

#ja-slideshow .main-inner2, #ja-slideshow2 .main-inner2 {
background: url(../images/hg2.png) #000;
margin: 0px !important;
padding: 0px !important;


#ja-slideshow div.ja-moduletable,
#ja-slideshow div.moduletable {
padding: 0px !important;
margin: 0px !important;
}

With respect to the thumbnails there is still some code you need to change and how much depends on how much you want to change. From the backend of slideshow module manager I would turn the navigation control buttons off. That saves us doing it with css.

To get rid of the black surround you need to look at this code at line 198 of /modules/mod_jaslideshow/assets/themes/tiris/style.css

#ja-slideshow .ja-slide-thumbs-wrap {

• background: #000;
• position: relative;
• right: 0px;
• bottom: auto;

}


It still leaves you with a border. If you want to get rid of that we need to do some more css changes.

Sags Mir was!

[minas69 Friend minas69Join date: September 2007Posts: 260Downloads:0Uploads:99 Thanks: 73 Thanked: 6 times in 1 posts]

#437517

Hi swissa,

now it looks like this :

and ja du sprichst gut deutsch 😉 und du darfst sehr gerne helfen… lieben dank
mina

---

Attachments:

1. 

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#437519

Mina,

This is where the black is coming from.

http://msalfeld.alfahosting.org/images/resized/images/stories/Nachrichten/Politik/210720101_500_500.jpg

http://msalfeld.alfahosting.org/images/resized/images/stories/04070901_500_500.jpg

http://msalfeld.alfahosting.org/images/resized/images/stories/03040901_500_500.jpg

Until you correct the slideshow settings or you load correctly sized pictures I can’t tell if the css is now correct or not.

Here are the standard settings for Tiris – http://static.joomlart.com/images/templates/ja_tiris/j17/slide1_back.png

If you want the pictures to span the slideshow you will need to make the pictures a minimum of 993×500. They can be bigger as slideshow resizes them but it can only downsize photos not upscale them.

You have slideshow set, from what I can see, for pictures 993×500 pixels. None of your photos seem to this size. They all seem to 500×500 or 500×350 (hence the black). I think this is because you are trying to use the same picture for both the slideshow and the article.

Try using dedicated fotos for slideshow in their own folder /slideshow/

[minas69 Friend minas69Join date: September 2007Posts: 260Downloads:0Uploads:99 Thanks: 73 Thanked: 6 times in 1 posts]

#437533

i´m sorry you´re right…..

Regarding own folder : I c’ant use it because I have to show articles…..and I miss the Ja thumbnail plugin

Thanks for your kindly attention 🙂

mina

[Author]

Posts