NSP GK5 video list text color and alignment

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Wed Oct 22, 2014 9:08 pm
Reply with quote
Report this post
Hello,
I use NSP GK5 in video list mode for showing leading articles on my homepage and I need some customizations with heading title which is not included in module settings, such as font color (I need to change it to black) and text allignment (left). For better understanding see the picture:
http://snag.gy/Ypcf9.jpg
Also I need to disable zoom effect in the pictures. I add this code from documentation:
Code: Select all
 .nspArt .nspImageWrapper:hover img,
.gkNspPM-TitleOverlay:hover .gkImgOverlay,
.gkNspPM-TitleOverlay > figure:hover > img
 {
   transform: none !important;
   -moz-transform: none !important;
   -ms-transform: none !important;
   -o-transform: none !important;
   -webkit-transform: none !important;
}

But it does not work with video list mode, only in standart mode.

Thanks.
User avatar
Junior Boarder

GK User
Wed Oct 22, 2014 10:46 pm
Reply with quote
Report this post
Hello,

Could you provide an URL to your website? I will need it for preparing a proper CSS code override.
User avatar
Administrator

GK User
Thu Oct 23, 2014 6:51 pm
Reply with quote
Report this post
User avatar
Junior Boarder

GK User
Fri Oct 24, 2014 12:17 pm
Reply with quote
Report this post
Please add in the Custom CSS option under the template Advanced settings:

Code: Select all
.gkNspPM-VideoList figcaption {
   padding: 0 0 16px 0;
}

.gkNspPM-VideoList figcaption a {
   color: #000;
}

.gkImageWrap:hover img {
   transform: none !important;
   -moz-transform: none !important;
   -ms-transform: none !important;
   -o-transform: none !important;
   -webkit-transform: none !important;
}
User avatar
Administrator

GK User
Sat Oct 25, 2014 3:31 pm
Reply with quote
Report this post
OK, but the title text alignment on the left does not work. Also I have GKNSP5 video list at the bottom of the page so I would like this text aligment work with it too.
User avatar
Junior Boarder

GK User
Sun Oct 26, 2014 8:00 am
Reply with quote
Report this post
You're right - I forgot about the text align, please also add the following code:

Code: Select all
.gkNspPM-VideoList h3 {
   text-align: left!important;
}
User avatar
Administrator

GK User
Wed Oct 29, 2014 10:12 pm
Reply with quote
Report this post
It works now, thank you.
User avatar
Junior Boarder


cron