Joomla Templates Club 406,261 posts

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

#158477

How do I get the slideshow to display an image to the full 960 px width of the template, as on the Home page in the demo? It seems to be stuck with the display in the browser frame, as in the Getting Started/Slideshow page. I looked at the tutorial for the Slideshow and even though it is showing the wide image from the demo in the tutorial, the settings given don’t create the wide image look.

Please advise.

Thanks,
railer

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

#370925

It appears that the slideshow is controlled by the mod_jaslideshow2.css stylesheet in the JA Norite template CSS directory. After changing my mod_jaslideshow parameters to my desired image size and setting other configuration settings appropriately, I modified the following css settings in the mod_jaslideshow2.css file (note the original settings which I commented out with /* original_code */ before replacing them with my new settings…):

.ja-slide-main-wrap {

overflow: visible;

/* padding-bottom: 55px; */
padding-bottom: 0;

position: relative;

}

.ja-slide-main {

/* height: 350px; */
height: 240px;

overflow: hidden;

position: absolute;

/* right: -10px; */
right: 0;

/* top: -10px; */
top: 0;

/* width: 480px; */
width: 960px;

z-index: 1;

}

.ja-slide-item {

/* background: url(../images/window.png) no-repeat left top; */
display: block;

float: left;

margin: 0;

overflow: hidden;

/* padding: 35px 10px 20px; */
padding: 0;

position: relative;

}

Hope this helps someone. It would be good to get comments from the Joomlart folks as to whether this method is what they would recommend for accomplishing this, or not. It’s working for me.

Good luck!

[Author]

Posts