Howto make the intro images of a blog zooming?

Hi Ivan,

sorry, my intro images do not seem to have that class by default.

Even at your demo page in the menu "blog" ...
demo.hotjoomlatemplates.com/index.php?template=rain
... the intro images do not zoom

You have chosen this picture at your demo page as the "intro image":
images/demo/blog_post1.jpg


Now I checked my template-css.css.
I found:

img.intro_image:hover {
transform: scale(1.4, 1.4) rotate(7deg);
-webkit-transform: scale(1.4, 1.4) rotate(7deg);
-moz-transform: scale(1.4, 1.4) rotate(7deg);
-o-transform: scale(1.4, 1.4) rotate(7deg);
-ms-transform: scale(1.4, 1.4) rotate(7deg);
}

I think this is what you mean.
But the intro images of articles in blog layout dont work

I hope you can help me.

Thank you, Hews

Hi ivan,

Now I know a little bit more about the problem:

The intro images work with that class by default only with Menu Item Type "Featured Articles"
But they don't work with Menu Item Type "Blog" by default.

Can you help me to let the into images work with Menu Item Type "Blog", too.

Thank you.

copy default.php

form:

components\com_content\views\article\tmpl\

to:

templates\hot_rain\html\com_content\article\

(create this folder)

you will be able to find <img on one place, there add class="intro_image"


other solution:

img:hover {
transform: scale(1.4, 1.4) rotate(7deg);
-webkit-transform: scale(1.4, 1.4) rotate(7deg);
-moz-transform: scale(1.4, 1.4) rotate(7deg);
-o-transform: scale(1.4, 1.4) rotate(7deg);
-ms-transform: scale(1.4, 1.4) rotate(7deg);
}

would make every image on your site like that