Rollover "Team" Area - No icons, just text

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
Fri Jun 28, 2013 6:47 pm
Reply with quote
Report this post
Hello, I would like to put some information about the team like email (with link) and phone, but just using text. How can I do this?
User avatar
Fresh Boarder

GK User
Fri Jun 28, 2013 7:14 pm
Reply with quote
Report this post
Hi,
it shouldn't be problem.
If you're using Quickstart, disable TinyMce editor for your profile, and choose No editor, then open to edit module named "About __Meet our talented team. We craft functional, modern websites for you.__" Change to HTML mode.


Code: Select all
<div class="gkTeam col4 animate_queue">
   <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/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>
   <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/3.jpg" border="0" alt="Eddy Doe" />
      <figcaption>
         <h3>Eddy Doe</h3>
         <small>Customer Support</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/4.jpg" border="0" alt="Robert Frost" />
      <figcaption>
         <h3>Robert Frost</h3>
         <small>Web Designer</small> </figcaption>
   </figure>
</div>
<p style="text-align: center;"><a class="border bigbutton" href="#">Learn More</a></p>


Change it as you like. As you see the code is very easy but sensitive(!) - so don't use WYSIWYG editor when you would be editing this one.
User avatar
Platinum Boarder

GK User
Fri Jun 28, 2013 8:42 pm
Reply with quote
Report this post
Thanks Pawel!
I managed to show both, but now I need to display the phone with no link, and preserve the css style.
I tried removing the
Code: Select all
a href=
in gk.scripts.js and ended up with something like
Code: Select all
if(figure.attr('data-cel-nathali') != undefined) {
               htmloutput += figure.attr('data-cel-nathali');
               classcounter++;
            }

but it appears like this [img]
Screen%20Shot%202013-06-28%20at%2016.40.11.png
[/img].
I can't find the css style controlling that... just need it with the same style as the email but without a link.
Could you help me?
User avatar
Fresh Boarder


cron