News Gk5 - Title Overlay

Rate this topic: Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.
GK User
Wed Feb 12, 2014 5:14 pm
Reply with quote
Report this post
Hi

I'm using News Gk5 with Title Overlay mode and with out any Suffix. Everything works fine and the only thing I need is to remove is the zoom and rotate animation before the overlay ???

Many Thanks for your support
User avatar
Expert Boarder

GK User
Wed Feb 12, 2014 5:31 pm
Reply with quote
Report this post
Could You please post an url to your site?
User avatar
Moderator

GK User
Wed Feb 12, 2014 5:34 pm
Reply with quote
Report this post
Hi

Here you go http://kudoslifeexperiences.com/

First photo in FEATURED ARTISTS section

I will sent user and pass via PM

Thanks
User avatar
Expert Boarder

GK User
Wed Feb 12, 2014 5:39 pm
Reply with quote
Report this post
Please send me a PM with:
1. URL to your website
2. login and password of user with login privileges (please create one for me)
3. link to this thread
User avatar
Moderator

GK User
Wed Feb 12, 2014 5:45 pm
Reply with quote
Report this post
Hi

All info should be in your PM inbox

Many Thanks
User avatar
Expert Boarder

GK User
Wed Feb 12, 2014 6:47 pm
Reply with quote
Report this post
Please edit: /templates/gk_musicstate/css/override.css and add at its end:
Code: Select all
.gkNspPM-TitleOverlay.hover .gkImgOverlay {
display: none;
}
.gkNspPM-TitleOverlay > figure:hover > img {
-webkit-transform: scale(1) rotateZ(0deg);
-moz-transform: scale(1) rotateZ(0deg);
-ms-transform: scale(1) rotateZ(0deg);
-o-transform: scale(1) rotateZ(0deg);
transform: scale(1) rotateZ(0deg);
}

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

GK User
Wed Feb 12, 2014 7:23 pm
Reply with quote
Report this post
Hi

what I just need it (may be I'm not clear) is the opposite I just comment the below

Code: Select all
.gkNspPM-TitleOverlay > figure:hover > img {
   /*-webkit-transform: scale(1.1) rotateZ(-3deg);
   -moz-transform: scale(1.1) rotateZ(-3deg);
   -ms-transform: scale(1.1) rotateZ(-3deg);
   -o-transform: scale(1.1) rotateZ(-3deg);
   transform: scale(1.1) rotateZ(-3deg);*/
}
}


Works perfect now !!!!

Million Thanks
User avatar
Expert Boarder

GK User
Wed Feb 12, 2014 8:49 pm
Reply with quote
Report this post
Glad I could help.
User avatar
Moderator


cron