Joomla Templates Club 406,261 posts

[Janice W Davis Friend Janice W DavisJoin date: September 2014Posts: 105Downloads:0Uploads:16 Thanks: 14 Thanked: 2 times in 1 posts]

#147872

I need to reduce the width of the slideshow and move it too the right. From the slideshow module I was able to reduce the width of it – but I’m unsure how to move it right. I have tried changing the css to float it right but I’m not sure which piece to move.

Any help appreciated.

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#330404

Hi jwdavis

Please open templates/ja_lead/css/mod_jaslideshow2.css file, find following code section:

.ja-slide-main-wrap {
overflow: hidden;
position: relative;
z-index: 1;
}

and change to:

.ja-slide-main-wrap {
overflow: hidden;
position: relative;
z-index: 1;
float: right;
}


1 user says Thank You to JA Developer for this useful post

1. Janice W Davis

[Janice W Davis Friend Janice W DavisJoin date: September 2014Posts: 105Downloads:0Uploads:16 Thanks: 14 Thanked: 2 times in 1 posts]

#331331

Thanks I got the logo fitted in now – well at least in Firefox. But in IE7 the logo is pushed down below the slideshow.

view it here: http://www.businessnearme.ca/

I’m wondering if it has something to do with the ja-slide-thumbs-wrap – as when I use the IE developer tool bar and outline the div elements I see that is is still far to the left away from the rest of the slide show.

Thanks

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#331619

Please change:

.ja-slide-main-wrap {
overflow: hidden;
position: relative;
z-index: 1;
float: right;
}

to

.ja-slide-main-wrap {
overflow: hidden;
position: relative;
z-index: 1;
float: right;
width: 710px !important;
}

1 user says Thank You to JA Developer for this useful post

1. Janice W Davis

[Janice W Davis Friend Janice W DavisJoin date: September 2014Posts: 105Downloads:0Uploads:16 Thanks: 14 Thanked: 2 times in 1 posts]

#331943

Thanks – that didn’t quite do it – but it did point the way. This did work:

.ja-slidewrap {
margin: 0;
padding: 0;
position: relative;
float:right;
width: 710px;
}

[Author]

Posts