Disable Icons on Team Overlays

How can i disable the Icons on the Overlay in the "Team" Section on Main Page.

On a Mouseover i see those Facebook, twitter and google+ icons.

OR: How can i disable the complete Overlay (colored area AND Icons)

Thanks for your help!

Hello,

Please just remove all following attributes from the team elements:

* data-fb
* data-twitter
* data-gplus

In which file can i find the "team elements"?

It is a content of a custom HTML module

sorry

Could you please take me by the hand... i don't no what to do...

You have to open the module manager, open module with title "My[icon-star][br]loyal[br]team", switch the editor to the HTML view and remove all mentioned attributes from the code.

When i open the module and have a look at the Source Code (Editor TinyMCE) i just see the following entries:

data-fb="#"
data-twitter="#"
data-gplus="#"

But those are just the Links not the graphics...

The graphics are created by script based on these data attributes.

in which file are the icons created?

Because... if i delete the data attributes in the module, the graphics still appear...

Please provide me your website URL after these changes.

hello I have the question ?!

I have deleted :
data-fb="#"
data-twitter="#"
data-gplus="#"
in "My[icon-star][br]loyal[br]team"
but the overlay still there with the twitter logo in the middle ?!

is it possible to disable the overlay, and how ? thx for your help

Hello,

Could you provide an URL to your website?

sent by MP .... (localhost)

Please change in gk.scripts.js file the following fragment:

Code: Select all

if(figure.attr('data-twitter') !== null) {
              htmloutput += '<a href="'+figure.attr('data-twitter')+'" data-type="twitter"></a>';
               classcounter++;
            }

to:

Code: Select all

if(figure.attr('data-twitter') != null) {
              htmloutput += '<a href="'+figure.attr('data-twitter')+'" data-type="twitter"></a>';
               classcounter++;
            }

And please also change:

Code: Select all

overlay.html(htmloutput);
            overlay.addClass('gkIcons' + classcounter);

            figure.find('img').after(overlay);

            figure.bind({
               'touchend': function() {
                  if(!figure.hasClass('hover')) {
                     figure.trigger('mouseenter');
                  } else {
                     figure.trigger('mouseleave');
                  }
               },
               'mouseenter': function() {
                  figure.addClass('hover');
                  var linksAmount = figure.find('.gkTeamOverlay a').length;
                  for(i = 0; i < linksAmount; i++) {
                     gkAddClass(figure.find('.gkTeamOverlay').find('a').eq(i), 'active', i);   
                  }
               },
               'mouseleave': function() {
                  figure.removeClass('hover');
                  figure.find('.gkTeamOverlay a').removeClass('active');
               }
            });


to:

Code: Select all

if(classcounter > 0) {
overlay.html(htmloutput);
            overlay.addClass('gkIcons' + classcounter);

            figure.find('img').after(overlay);

            figure.bind({
               'touchend': function() {
                  if(!figure.hasClass('hover')) {
                     figure.trigger('mouseenter');
                  } else {
                     figure.trigger('mouseleave');
                  }
               },
               'mouseenter': function() {
                  figure.addClass('hover');
                  var linksAmount = figure.find('.gkTeamOverlay a').length;
                  for(i = 0; i < linksAmount; i++) {
                     gkAddClass(figure.find('.gkTeamOverlay').find('a').eq(i), 'active', i);   
                  }
               },
               'mouseleave': function() {
                  figure.removeClass('hover');
                  figure.find('.gkTeamOverlay a').removeClass('active');
               }
            });
}