In "Creativity" template, change social button by anonther 1

Hi,

First of all, sorry for my english

I use Joomla 3 & Creativity Template :

Can I change the social buttons in "ABOUT MODULE" (like the demo) by another icon of the list or custom icon or image ?

I want a "+" button or "link" button like K2 portfolio.

Thanks.

Hi

It is possible, but it's not an easy task.

I think the best option would be to use the fields You have already and replace it with an icon You want. For example lets replace gplus. In template settings use Your link where gplus link should be than add this code to css, but replace the char code to the icon You want to use.

Code: Select all

.gkTeamOverlay a[data-type="gplus"]:before {
   content: '\f0d5';
}


Thank you for your answer but, how do I do exactly ?
Sorry, I'm not an expert

Tanks

Hi

I think I misunderstood Your question. Please forget what I said and take a look into this article https://www.gavick.com/documentation/ge ... ial-icons/

I think this isn't my solution.
I want a "link button" or "+ button" for use "ABOUT" code for a "READ MORE" module. I don't know how explain

I want this:


Here:

Hi

I've asked programmers because could not find it either. Trick is to disable editor while changing this code. It has to be added in HTML mode.

Links are in the module itself ( Custom Html Module ). See figure data attributes.

<figure data-fb="https://www.facebook.com/gavickpro" data-twitter="https://twitter.com/gavickpro" class="animate_queue_element">
<img src="images/demo/about/1.jpg" border="0" alt="Tim Berners" />
<figcaption>
<h3>Tim Berners</h3>
<small>CEO Executive Officer</small> </figcaption>
</figure>
<figure data-fb="https://www.facebook.com/gavickpro" data-twitter="https://twitter.com/gavickpro" data-gplus="https://plus.google.com/+gavickpro/posts" class="animate_queue_element">
<img src="images/demo/about/2.jpg" border="0" alt="Julia Morena" />
<figcaption>
<h3>Julia Morena</h3>
<small>Creative Director</small> </figcaption>
</figure>

But I believe user wants to replace twitter icon with a "link" similar to NSP overlay or a "+" icon.
So css change needed here.

Original Twitter Icon

.gkTeamOverlay a[data-type="twitter"]:before {
content: '\f099';
}

Link Icon same as NSP overlay icon.

.gkTeamOverlay a[data-type="twitter"]:before {
content: '\f0c1';
}

"+" plus icon

.gkTeamOverlay a[data-type="twitter"]:before {
content: '\f067';
}