"About" module

Hello!

By changing the text in About "MEET OUR TALENTED TEAM. WE CRAFT FUNCTIONAL, MODERN WEBSITES FOR YOU", the module stopped working. You can see my site here http://learn2learn.gr/.

How can I fix this? Or (if it is easier) which files of the quickstart installation should I re-install?

Probably its because You have edited the module wit tinyMCE on.
When editing modules, please change editor to "Editor - none" in global configuration.
then paste this code as reference and start editing:

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>


thank you very much. It worked!

Great. Remember about this tinyMCE issue, and it will keep You away from troubles .

Can I change the "facebook", "twitter" and "+google" icons to the "link" icon which appears in the module "what we do"?

Please edit: /templates/gk_creativity/css/override.css and add at its end:

Code: Select all

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


Remember to enable "CSS override" in template settings - advanced section.

Worked! Tnx!

No problem.

Is there a way to open "facebook", "twitter" and "+google" icons in a new tab?

Moreover...... Can I change the number of figures in row....? I can only put 4 and then the line changes... I would like to insert smaller width and more figures.. Tnx for your time..

No, those are google, fb and twitter api elements and cannot be changed as they are provided by remote sources (google, fb, twitter).

Moreover...... Can I change the number of figures in row....? I can only put 4 and then the line changes... I would like to insert smaller width and more figures.. Tnx for your time..

OK.. I cannot change the social media apis... Tnx for the answer. What about the number of figures in row? And if 4 figures are the only option, can I change the width of the images? I tried within img tag, but only height changes...

OK.. I cannot change the social media apis... Tnx for the answer. What about the number of figures in row? And if 4 figures are the only option, can I change the width of the images? I tried within img tag, but only height changes...

Moreover... can I find somewhere and change the class "gkTeamOverlay gkIcons3" ?

Tnx for your time guys...

You can use override.css to create custom css'es.
If it goes to images size - please post a screenshot and mark elements that you want to modify.

printscreen.png

Concerning your answer:

(1) OK, these are the images I want to make changes. I want to add more images within a line (yet only 4 images can be included). Moreover, I want to change the width of the images. While adding them I insert width and height within img html tag, but width cannot change.

(2) I know I can change the css through override.css. However I don't know where to find the class "gkTeamOverlay gkIcons3" to make changes.

Thanks for your time.

Sorry for late response.
If you still need to modify elements width, please check this post:
https://www.gavick.com/forums/creativit ... 28#p189328