Joomla Templates Club 406,261 posts

[Mohamed H. Jurriah Friend Mohamed H. JurriahJoin date: September 2014Posts: 125Downloads:0Uploads:47 Thanks: 39]

#204729

How can I stop the intro image to move when I put the mouse over it?

url: http://www.laliganews.dk

---

Attachments:

1. 

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

#563314

Which image – on your site – are you referring to?

[Mohamed H. Jurriah Friend Mohamed H. JurriahJoin date: September 2014Posts: 125Downloads:0Uploads:47 Thanks: 39]

#563322

all of them…

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

#563473

<em>@jurridk 463744 wrote:</em><blockquote>all of them…</blockquote>

Are you referring to the “zoom” effect for the article images on your front page?

[Mohamed H. Jurriah Friend Mohamed H. JurriahJoin date: September 2014Posts: 125Downloads:0Uploads:47 Thanks: 39]

#563485

Yes exactly

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

#563614

<em>@jurridk 463953 wrote:</em><blockquote>Yes exactly</blockquote>

Okay, do me a favor . . . . temporarily set “Optimze CSS” to “Off” within your Template Manager–General settings

[Mohamed H. Jurriah Friend Mohamed H. JurriahJoin date: September 2014Posts: 125Downloads:0Uploads:47 Thanks: 39]

#563638

just did that 🙂

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

#563639

<em>@jurridk 464152 wrote:</em><blockquote>just did that :)</blockquote>

Okay this is odd . . . the zoom affect does not appear to be occurring any longer (as it was before).
Did you make any recent modifications?

[Mohamed H. Jurriah Friend Mohamed H. JurriahJoin date: September 2014Posts: 125Downloads:0Uploads:47 Thanks: 39]

#563671

Yes I switched on again. But I will send you my admin details, because my client is not happy about switching it off

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

#563801

<em>@jurridk 464192 wrote:</em><blockquote>Yes I switched on again. But I will send you my admin details, because my client is not happy about switching it off</blockquote>

I don’t quite understand . . . Which “effect” is your client not happy with – the effect being ON or OFF ?? :confused:

1 user says Thank You to TomC for this useful post

1. Mohamed H. Jurriah

[Mohamed H. Jurriah Friend Mohamed H. JurriahJoin date: September 2014Posts: 125Downloads:0Uploads:47 Thanks: 39]

#563804

When I switch the Optimze CSS OFF it detroys some of the content in the page. My client dont like that to happen. So I have send you the admin-login infomation to edite by you self so you can see how I remove the zoom effect from the aticles intro-image.

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

#563807

Okay, there is some kind of screwy going on with your site to where it’s preventing proper inspection of the CSS – it’s encrypting it for some strange reason. I tried finding the correct CSS rule to modify the “transition” effect, but am not having much luck.

Going to reach out to my Support Team colleagues for an assist here.

1 user says Thank You to TomC for this useful post

1. Mohamed H. Jurriah

[Mohamed H. Jurriah Friend Mohamed H. JurriahJoin date: September 2014Posts: 125Downloads:0Uploads:47 Thanks: 39]

#563922

all right… I am waiting. I hope it dosnt take to long?

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#564175

<em>@jurridk 463701 wrote:</em><blockquote>How can I stop the intro image to move when I put the mouse over it?

url: http://www.laliganews.dk
</blockquote>

You can fix it with my solution

Open templates/ja_fubix/local/css/template.css file

find and change


.trending li .showcategory .img-intro:hover img {
transform: scale(1.15) rotate(-1.75deg);
-o-transform: scale(1.15) rotate(-1.75deg);
-ms-transform: scale(1.15) rotate(-1.75deg);
-moz-transform: scale(1.15) rotate(-1.75deg);
-webkit-transform: scale(1.15) rotate(-1.75deg);
}


to


.trending li .showcategory .img-intro:hover img {
transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-webkit-transition: all 0.4s ease 0s;
-webkit-backface-visibility: hidden;
}

[Mohamed H. Jurriah Friend Mohamed H. JurriahJoin date: September 2014Posts: 125Downloads:0Uploads:47 Thanks: 39]

#564307

I just did that without any effect? :/

[Author]

Posts