New Trailers module

December '13 Joomla Template
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
Sun Feb 09, 2014 9:39 am
Reply with quote
Report this post
Hi,

I would like to change the hits number in the module for articles (squared 'pointing' left) to 'point' right, how can I update that?
Also, how can I change the hover icon (play/link) on the main image article in the module?

Thanks.
User avatar
Junior Boarder

GK User
Sun Feb 09, 2014 1:05 pm
Reply with quote
Report this post
Hello,

Could you visualize what do you want to achieve with the "point" right?

The hover icon can be changed in the gk.stuff.css file in this fragment:

Code: Select all
.gkNspPM-VideoGallery .gkBigBlock figure.video:after {
content: "\f04b";
text-indent: 34px;
}


the content value comes from the FontAwesome font values - http://fontawesome.io/icons/
User avatar
Administrator

GK User
Sun Feb 09, 2014 2:11 pm
Reply with quote
Report this post
Hi,

Thanks for your reply.
I just want to update the square hits counter to 'point' to the right instead of to the left (see attachment) as it is now...
As for the icon, tried to change it, doesn't seem to work.
How can I use my own icon/png instead?

Thanks.
User avatar
Junior Boarder

GK User
Mon Feb 10, 2014 8:17 am
Reply with quote
Report this post
Ok, in this case please use the following code:

Code: Select all
.gkNspPM-VideoGallery .gkSmallBlock small:before {
border-color: transparent transparent transparent #000!important;
border-width: 7px 0 7px 7px!important;
left: auto!important;
right: -6px!important;
}

.gkNspPM-VideoGallery .gkSmallBlock small:after {
border-color: transparent transparent transparent #0c77cc!important;
border-width: 8px 0 8px 8px!important;
left: auto!important;
right: -8px!important;
}


Regarding custom PNG image - in this case you have to set content to blank string ("") and then you should specify the background as an image.
User avatar
Administrator

GK User
Mon Feb 10, 2014 9:31 am
Reply with quote
Report this post
Great, thanks, the code worked perfectly.
Regarding the custom icon still doesn't work, it's seems to have no effect. also trying to change to different FontAwesome font doesn't seem to make any difference - I always get the 'link' icon (not even the 'play' icon as in the demo). what did I miss?
BTW, I'm using Joomla 3.3.2 not quickstart package, installed template and addons separately.

Thanks.
User avatar
Junior Boarder

GK User
Mon Feb 10, 2014 1:39 pm
Reply with quote
Report this post
Could you provide me an URL to your website?
User avatar
Administrator

GK User
Mon Feb 10, 2014 2:28 pm
Reply with quote
Report this post
I'm on a development environment (localhost) so no url...
I can't seem also to display the ratings in the k2 items even though it's enabled.
What else can be missing from config?
User avatar
Junior Boarder

GK User
Mon Feb 10, 2014 10:12 pm
Reply with quote
Report this post
I'll be able to fix this problem when the website will be available online - without it I'm unable to check all CSS overrides.

For the problems with rating - please check and compare your settings with: http://www.gavick.com/documentation/wp- ... 3-tabs.png
User avatar
Administrator

GK User
Tue Feb 11, 2014 2:46 pm
Reply with quote
Report this post
Hi,

I've uploaded the site and sent you a PM with the details.

Thank you.
User avatar
Junior Boarder

GK User
Tue Feb 11, 2014 4:24 pm
Reply with quote
Report this post
I've edited the "content" property in the css/gk.stuff.css file for the following selector:

Code: Select all
.gkNspPM-VideoGallery .gkBigBlock figure:after


I've applied value from this icon: http://fontawesome.io/icon/bookmark-o/

so the property was looking like below:

Code: Select all
content: "\f097";


and it was working fine.

I don't understand a question regarding comments - could you better explain it?
User avatar
Administrator

GK User
Tue Feb 11, 2014 8:08 pm
Reply with quote
Report this post
Hey, sorry I meant the ratings not displaying, not comments...

you mean:
"gkNspPM-VideoGallery .gkBigBlock figure.video:after {" ?

Yeah, already tried that, it's seems totally ignored, not sure what did I miss...

Thanks.
User avatar
Junior Boarder

GK User
Wed Feb 12, 2014 8:00 am
Reply with quote
Report this post
Hey,

Ok, the icon is updated (needed to update here: ".gkNspPM-VideoGallery .gkBigBlock figure:after").
But I still can't set my own png icon. tried to set 'background' but doesn't work...

Thanks.
User avatar
Junior Boarder

GK User
Wed Feb 12, 2014 11:12 am
Reply with quote
Report this post
Please look at this code:

Code: Select all
.gkNspPM-VideoGallery .gkBigBlock figure:after {
   background: transparent url('../images/style1/logo.png') no-repeat center center;
   color: #fff;
   content: "";
   font-size: 48px;
   height: 100px;
   left: 50%;
   line-height: 100px;
   margin: -50px 0 0 -100px;
   opacity: 0;
   position: absolute;
   text-indent: 28px;
   top: 20%;
   -webkit-transition: all .25s ease-out;
   -moz-transition: all .25s ease-out;
   -ms-transition: all .25s ease-out;
   -o-transition: all .25s ease-out;
   transition: all .25s ease-out;
   width: 200px;
   z-index: 3;
}


I've added a background, set content to blank string, removed the border, added a bigger width, height and margins and it is working fine for me.
User avatar
Administrator

GK User
Wed Feb 12, 2014 11:50 am
Reply with quote
Report this post
Cool thx!
Only the ratings are still missing, if I remove the override folder, all is displayed.
Can you figure out why? I installed the template on top of Joomla + k2 regularly, no changes other than some css stuff...

Thanks
User avatar
Junior Boarder

GK User
Wed Feb 12, 2014 3:43 pm
Reply with quote
Report this post
Please try to change in file html/com_k2/templates/default/item.php fragment:

Code: Select all
<?php if($params->get('itemTwitterButton',1) || $params->get('itemFacebookButton',1) || $params->get('itemGooglePlusOneButton',1)): ?>
          <div class="itemSocialSharing">


to:

Code: Select all
<?php if($params->get('itemTwitterButton',1) || $params->get('itemFacebookButton',1) || $params->get('itemGooglePlusOneButton',1) || $params->get('itemRating')): ?>
          <div class="itemSocialSharing">


it should helps.
User avatar
Administrator

GK User
Thu Feb 13, 2014 8:29 am
Reply with quote
Report this post
Thank you very much!!
User avatar
Junior Boarder


cron