Joomla Templates Club 406,261 posts

[railer Friend railerJoin date: October 2007Posts: 236Downloads:102Uploads:9 Thanks: 17 Thanked: 24 times in 1 posts]

#191637

Greetings!

I am using JA Slideshow v. 2.5.7 in the JA Travel template (J! 2.5.14) but only on the Home page. On my inner pages I created custom HTML modules to display a 100px high image in the slideshow position. The problem is that the dark-blue image background (slideshow-bg.png — wrap-inner1 ?) doesn’t extend to the full 100px depth of the image, which means that shadow-bg.png is partially visible below the blue background and by itself, looks terrible.

What do I need to do to get the slideshow-bg.png background to extend down? It does it automatically with JA Slideshow.

I’ve attached a screenshot illustrating the problem.

Thanks in advance for your help,
Railer

---

Attachments:

1. 

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

#509999

Might you be able to share the url of the site you’re working on – so we can take a better look?

[railer Friend railerJoin date: October 2007Posts: 236Downloads:102Uploads:9 Thanks: 17 Thanked: 24 times in 1 posts]

#510005

<em>@TomC 394932 wrote:</em><blockquote>Might you be able to share the url of the site you’re working on – so we can take a better look?</blockquote>

Thanks Tom — I sent the URL via PM.
Railer

[railer Friend railerJoin date: October 2007Posts: 236Downloads:102Uploads:9 Thanks: 17 Thanked: 24 times in 1 posts]

#510024

I just found out that slideshow-bg.png has a white part at the bottom which is the same height as the slideshow navigation tabs on the Home page slideshow. It is set to repeat-x. I duplicated the art naming it slideshow-bg2.png and filled in the white part with blue to match the top. How do I create the necessary CSS to get it to display as the background art on the other pages which use the header images? I tried creating a module class but that didn’t work. It needs to be applied to the div #ja-slideshow, but only on the innerpages.

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#510114

Hi railer,

In this case, you can remove the background shadow of Slideshow module so that the module slides will look better. You just need to open ja_travel/templates/ja_travel/themes/dark_blue/css/template.css file, change:

#ja-slideshow .wrap-inner1{
background-image: url("../images/shadow-bg.png");
}

to

#ja-slideshow .wrap-inner1{
background-image: none;
}

Then clear JAT3 cache then. By this way, you don’t need to create more css styles to hide the white part at the bottom of Slideshow module.

[Author]

Posts