Modify size of the images and to remove the effect of zoom

Good afternoon, I'm trying to resize the images that appear within the NSP module GK5, sidebar position (New Post), but I can not change it. I try among the options of the module, in thumbnails, but not size changes are reflected.

Also, I try to remove the effect of zoom images when the mouse is passed over, but this option is not where it can be removed.

Thank you so much.

A greeting.

Could you please post an url to your site?

Good morning, this is the web address: http://pruebadna.esy.es
I have been able to modify the size of the thumbnails, but not how to remove the effect of the image and the main image is displayed enlarged.

A greeting.
Thank you.

Please edit: /templates/gk_writer/css/override.css and add at its end:

Code: Select all

.nspImageWrapper:hover img {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}


Remember to enable "CSS override" in template settings - advanced section.

Thank you very much, I added the code to file and ok (although my override.css file is empty, I added the code well.).
Otherwise, the images that I have for the blog are vertical, I explain are covers of books and are higher than wide. That I can do to pictures that are as good as the template ?.

Thank you.
A greeting.

I guess you are using some kind of translator making me hard to understand whats wrong.
Please post an url to exact subpage where the issue can be seen. Also, please create a screenshot and mark problematic area on it.

Hello,
I've added this coded to the css override and the zoom in effect on mouse over is still active.
My dev site is http://bit.ly/1hl4n5a
Any suggestions?
Kind regards
Drew

Please edit: /templates/gk_writer/css/override.css and add at its end:

Code: Select all

.nspImageWrapper:hover img {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}


Remember to enable "CSS override" in template settings - advanced section.

Thank you very much for the information but we have added the code you mention me to override.css and active file.
This is the link page: http://pruebadna.esy.es/
I explain the problems are these:
1) The main image is displayed enlarged. The path of the image you select is /template/media/k2/items/cache/nombre_image_XS.jpg.
2) Clicking on one of the items shown picture half and the left side is blank: http://pruebadna.esy.es/novela/los-cuad ... ntonio-rey

I feel my translation.
Thank you very much for your help.
A greeting.

@drdrew I get 404 on your link.

@bionico78 - and how should it behave?

@drdrew I get 404 on your link.

opps here you go
http://bit.ly/1hB6oKy
kind regards
Drew

@Cyberek Oops, sorry you have to see in this way, it was my problem browsers.
Thank you.
Regards.

@drdrew, please add this code to override.css:

Code: Select all

.itemImageBlock:hover img {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}


@bionico78 - so I guess your problem is gone?

Thanks.
I had

Code: Select all

.nspImageWrapper:hover

Solved.
Kind regards
Drew

@drdrew, please add this code to override.css:

Code: Select all

.itemImageBlock:hover img {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}


@bionico78 - so I guess your problem is gone?

Yes, this ok.
Thank you.
Regards.

If you have any additional questions regarding this topic, please let me know.