Joomla Templates Club 406,261 posts

[andoysg Friend andoysgJoin date: June 2010Posts: 14Downloads:0Uploads:2 Thanks: 2]

#151667

hi. i just want to ask how to adjust margins in slideshow position – JA Ores to make picture slide in center. i want to create picture slides using mod_jaslideshow instead of mod_jaslideshow2 .please see snapshot for reference. please help. thanks

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#346627

Dear andoysg!

I think you should use the style of the ja slideshow 2 module from the rasite i think that your site looks nicer than.

1) you rename the mod_jaslideshow2 folder inside the templates/ja_ores/html
2) you dowload the the rasite template package and get the mod_jaslideshow2.css file inside the templates/ja_rasite/css folder and get some files using for the module inside the templates/ja_rasite/images . You can use filebug of the firebug to check which images you need http://www.kristarella.com/2009/02/how-to-use-firebug-for-css/

Good luck

[andoysg Friend andoysgJoin date: June 2010Posts: 14Downloads:0Uploads:2 Thanks: 2]

#346652

Yes, i find it interesting. i tried it on my localhost and followed your procedure. but i did not get the same output like JA Rasite slideshow2. thumbnail did not appear and no sliding text below the big pictures and the selected article from scroll not highlight unlike from Rasite. any other css to edit? Thank you very much.

[andoysg Friend andoysgJoin date: June 2010Posts: 14Downloads:0Uploads:2 Thanks: 2]

#346655

sorry my mistake. i forgot to clear cache. it’s now working. thank you very much. it’s really nice 🙂

[andoysg Friend andoysgJoin date: June 2010Posts: 14Downloads:0Uploads:2 Thanks: 2]

#346676

hi tienhc. i copied settings of JA Slideshow2 Module from Rasite but not yet perfect. the navigation menu is having problem with alignment and has underlined title unlike from Rasite. you can see my website if you like. thank you very much.

[andoysg Friend andoysgJoin date: June 2010Posts: 14Downloads:0Uploads:2 Thanks: 2]

#346686

hi tienhc,

sending you the snapshot. how can i achieve the same output as JA Rasite? thank you very much.

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#346818

Dear andoysg!

Can you pls give me the link to your site

Thanks

[andoysg Friend andoysgJoin date: June 2010Posts: 14Downloads:0Uploads:2 Thanks: 2]

#346836

sorry i forgot the link. here it is -> http://www.andoysg.com/suncity2/
how to edit the background of scroll to make it lighter and adjust the height, etc? 🙂
Thank you very much.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#347067

Dear andoysg!

Please download the ja lime template package and get the file ja_lime/css/mod_jaslideshow2.css file you put it into your folder. and then you see default setting of the module on the ja lime quickstart, you ‘ll make the configuration same as so

GOod luck

[andoysg Friend andoysgJoin date: June 2010Posts: 14Downloads:0Uploads:2 Thanks: 2]

#347353

hi tienhc,

im now using the JA Rasite template to avail the slideshow2 effect and copy it exactly. i will use the light-orange color template. how can i change the background (light-yellow) into white? thank you very much.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#347530

Dear andoysg!

Pls open the file /templates/ja_rasite/css/colors/COLOR.css and try to find the following code as following:

/* JA Slideshow2 —*/
.ja-slidewrap { border: 1px solid #EEECD5; }

.ja-slide-thumb-inner {
background: #FBFBEF;
border-top: 1px solid #EEECD5;
color: #757575;
}

#ja-slideshow .ja-slide-thumb img {
background: #fff;
border: 1px solid #EEECD5;
}

.ja-slide-thumb-inner img {
background: #fff;
border: 1px solid #EEECD5;
}

.active .ja-slide-thumb-inner img {
background: #a06202;
border: 1px solid #BC7400;
}

.ja-vertical_right .active {
background: url(../../images/light_orange/arrow-bg.gif) no-repeat center left;
}

.ja-vertical_left .active {
background: url(../../images/light_orange/arrow-bg2.gif) no-repeat center right;
}

.ja-slide-thumbs-wrap .active .ja-slide-thumb-inner { background: url(../../images/light_orange/grad-bg.gif) repeat-x top left #a06202; }

/* News ticker —*/
.ja-headelines-pre { background: url(../../images/light_orange/but-pre.png) no-repeat top left; }

.ja-headelines-next { background: url(../../images/light_orange/but-next.png) no-repeat top left; }

/* Content slider —*/
#ja-bot .ja-contentslider-center img {
background: #fff;
border: 1px solid #fff;
}

you ‘ll copy those text and put into the template.css file or current color css file.

Good luck

[Author]

Posts