Joomla Templates Club 406,261 posts

[roblacy Friend roblacyJoin date: March 2010Posts: 5Downloads:0Uploads:0 Thanks: 5]

#149896

Hi
I have just installed the JA Sulfur template although I have fallen a bit in love with JA Quartz main slideshow layout. I have then tried to change the sulfur to make it look like the Quartz one. First of all I have replaced the JA_slideshow.css file with the one from quartz. The slider function works fine with the loaders, but to fully imitate I also need to remove the grey background/paddings so the images stretch all the way just like it is done in quartz template. Right now the images float to the left. Anybody who knows how this is done? 🙂
I would also like to change the mouse over effect so it appears like in the quartz template. I have changed the module settings, but it does not seem to work. Neither the transparent black colour nor the headings come up in right colour or size.

You can see the result of it at http://www.robert-lacy.com. I have used the quickstarter if that is any help

Thanks in advance 🙂
Robert Lacy

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#338179

Dear roblacy,

in this case please try as follows:
open template.css file,find this css code:

.main, #ja-topsl .ja-box-ct {
margin: 0 auto;
width: 940px;
}

Then replace it by this codes:
.main, #ja-topsl .ja-box-ct {
margin: 0 auto;
}

Hope that would help !

1 user says Thank You to Sherlock for this useful post

1. roblacy

[roblacy Friend roblacyJoin date: March 2010Posts: 5Downloads:0Uploads:0 Thanks: 5]

#338192

That did the trick, but now the hole page has expanded. It seems like the width has applied itself for the hole page? You can see the result at http://www.robert-lacy.com

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#338205

Dear roblacy,

I am sorry,it is a mistake.
Please undo Previously action then find this css code :

#ja-slideshow .main {
position: relative;
}

change it to :

#ja-slideshow .main {
position: relative;
width:100%
}

1 user says Thank You to Sherlock for this useful post

1. roblacy

[roblacy Friend roblacyJoin date: March 2010Posts: 5Downloads:0Uploads:0 Thanks: 5]

#338229

Thanks now it works 🙂 Do you have any suggestions on how to fix the mouseover effect. I would like to have same effect as in quartz with the transparant black color and text when the mouse rolls over the picture. I have changed the module settings to fit the quartz one. But it does not work. The colors show up pixelated and the read more is only half visible in the bottom corner.

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#338235

Dear roblacy,

If you want to have the mouseover effect please change “Show Description when” field on module setting to “Mouse over Image”
Also please open templates/ja_sulfur/css/mod_jaslideshow2.css file
Find this css codes :
#ja-slideshow .maskDesc {
background: none;
}
change to :
#ja-slideshow .maskDesc {
background-color: black;
}

1 user says Thank You to Sherlock for this useful post

1. roblacy

[roblacy Friend roblacyJoin date: March 2010Posts: 5Downloads:0Uploads:0 Thanks: 5]

#338237

That worked like a charm , just one minor thing left. The mouse over black transparant window does not fully cover the picture. It leaves a small part of the picture visible at the top. Do you know where I can fix this ? 🙂

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#338366

Dear roblacy,

Please open templates/ja_sulfur/html/mod_jaslideshow2/default.php
Remove this line : <div class=”mask”> </div>
That may would help !

1 user says Thank You to Sherlock for this useful post

1. roblacy

[roblacy Friend roblacyJoin date: March 2010Posts: 5Downloads:0Uploads:0 Thanks: 5]

#338403

You are truely a lifesaver 🙂 That worked . Thanks for the all the help and support . Much appreciated 🙂 Keep up the good work.

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

#350059

Hi all,

I follow the steps above but I miss the getting darker effect beside the main image. Also the arrows on the right and left side I can´t see.

What I did wrong ? or what I have to do ? http://research.salfeld-group.de/

Thanks for your comments.

mina

---

Attachments:

1. 

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

#350707

Dear minas69!

The problem is controlled by you 🙂

[Author]

Posts