About section and strange bg effect on Testimonials

Hi,how can i have more than 5 images on line with this module?
I need to have 7 images at least.
If i try to add a new code to have the 6th,this one goes under
below on a second line and whats more important the grey background
of the About module affects the testimonial one
which turns to grey instead of being white and while i would need more
for example 8 portraits i need to have my testimonial background still white.
Can you help me?
Thanks.

Hi

Please set the desired amount of columns and show me the site than please.

Sure
the site is
http://www.cooperam.com/KRAM3/

the section is "I NOSTRI SOCI"

I tried to add more col

this is the code in the Custom Output

but if i put col5 or col 6 etc the module doesn't put 6 or 7 images in line
but it just goes everything big and vertical..breaking the module.
More to have an image in the Contact module (the one who calls the GKCONTACT plug in
with its form i edited and deleted the overflow from the gkstuff.css

Code: Select all

.gkContactForm {
  overflow: hidden;
  padding: 60px 0 0 0;

does this relates with this behavior in the template or not
or its safe to let it stay ,generally speaking ,for the template?
This to let you understand with all the info about the edit on my template
without making go blind.

By the way this the code in the module.

Code: Select all

<div class="gkTeam col4 animate_queue">
<figure data-fb="https://www.facebook.com/gavickpro" data-twitter="https://twitter.com/gavickpro" class="animate_queue_element"data-gplus="https://plus.google.com/+gavickpro/posts" class="animate_queue_element">
      <img src="images/demo/about/2.jpg" border="0" alt="CINZIA BLANC" />
      <figcaption>
         <h3>Cinzia Blanc</h3>
         <small>Presidente</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="EMANUELE IRENEI" />
      <figcaption>
         <h3>Irenei Emanuele</h3>
         <small>Vice Presidente</small> </figcaption>
   </figure>
   <figure data-pinterest="https://www.pinterest.com" 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="Eddy Doe" />
      <figcaption>
         <h3>Tania Dondoli</h3>
         <small>Membro del Cda</small> </figcaption>
   </figure>
   <figure data-twitter="https://twitter.com/gavickpro" data-gplus="https://plus.google.com/+gavickpro/posts" data-linkedin="http://linkedin.com/+gavickpro/posts"class="animate_queue_element">
      <img src="images/demo/about/1.jpg" border="0" alt="Robert Frost" />
      <figcaption>
         <h3>Aldo Viti</h3>
         <small>Socio Operativo</small> </figcaption>
   </figure>
 
   <figure data-fb="https://www.facebook.com/gavickpro" data-twitter="https://twitter.com/gavickpro" class="animate_queue_element"data-gplus="https://plus.google.com/+gavickpro/posts" class="animate_queue_element">
      <img src="images/demo/about/5.jpg" border="0" alt="MAURO M. DE LILLO" />
      <figcaption>
         <h3>Mauro M. de Lillo</h3>
         <small>Socio Operativo</small> </figcaption>
   </figure>
 
    <figure data-fb="https://www.facebook.com/gavickpro" data-twitter="https://twitter.com/gavickpro" class="animate_queue_element"data-gplus="https://plus.google.com/+gavickpro/posts" class="animate_queue_element">
      <img src="images/demo/about/6.jpg" border="0" alt="COMMERCIALE" />
      <figcaption>
         <h3>COMMERCIALE</h3>
         <small>SEGRETERIA</small> </figcaption>
   </figure>
     
 
</div>
<p style="text-align: center;"><a class="border bigbutton" href="http://www.google.com">MUSICOTERAPISTA CERCASI?</a></p>

Hi

Please set the desired amount of columns and show me the site than please.

mmm...after having replied,..i'm not so sure to know where to set the desired
amount of columns...sorry for the long answer full of code..
i think its because i'm awakening...
Can you tell me how and where to set the desired amount of columns?
Thanks.
ps.
gkstuff doesn't mess the template without the overflow in the Contact section
isn'it?Sorry to put a second question here..don't wanna open a new post
and occupy your time anymore but if i'm breaking some rule ini will.
By the way ...thanks for your help that makes me improve
the knowledge on this really great template.

ps.
just noticed that the strange bg effect..which was entangling the About module with the Testimonial one..has vanished away,,,maybe is it due to the edit on gkstuff.css/overflow?

I think i did it ^^

on gkstuff.css

on line 900

Code: Select all

/* Team */
.gkTeam {
  margin: 0 -8px;
  padding: 80px 0;
}

.gkTeam:after {
  clear: both;
  content: "";
  display: table;
}

.gkTeam figure {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin: 0 1%;
  position: relative;
  width: 100%;
}

.gkTeamOverlay {
  background: #7484ff;
  height: 100%;
  left: 0;
  opacity: 0; filter: alpha(opacity=0);
  position: absolute;
  top: 0;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
  width: 100%;
  z-index: 1;
}

figure.hover .gkTeamOverlay {
  opacity: 1; filter: alpha(opacity=100);
}

.gkTeam.col2 figure { width: 48%; }
.gkTeam.col3 figure { width: 31.3%; }
.gkTeam.col4 figure { width: 14.6%; }  // <-------Here   :mrgreen:

i modified the .col4 value to 14.6

which with a template of 1300

and with tablet template of 822

gives 6 images or six "placeholder" in the same line

now..it seems a little non centered?
Is it just me ?or am i right?
Just in case..how can i center it^^

Thanks for help and sorry because i didn't wait you
but i HAD to know how and i found it ^^

Hi

Not a problem at all. Just one tip, please put all Your css changes to override.css file. This will help keep the changes when You will be updating template.

Thanks for the tip
for example i have to copy this to
override?

Code: Select all


}

.gkTeam.col2 figure { width: 48%; }
.gkTeam.col3 figure { width: 31.3%; }
.gkTeam.col4 figure { width: 14.6%; }



ps.
don't wanna bore you but that concern on 2.5xx LTS and 3.xx STS
on the other post i made
is really making me worry...can you give me an advice?
thanks

Hi

I've replied already in Your other thread.

And yes. Move all the classes You've done changes to into override.css file and remember that override needs to be enabled in case for this file to be used.

I saw it and i have also replied..so sorry for this ping pong
match.
Thanks for been so patient with me.

Have a nice day
and lets see what Apple brings to us today^^.
ps.
Apple store is down.

Hi

No problem If You will have any other questions do not hesitate to ask.

Yes i have..
Is Iphone 5c really cheap?
Just Joking^^
thanks for all.

Hi

Yes it is. I believe just $100 But it's plastic so it breaks easily

This time Apple has gone wrong,
ok every September Event Apple goes wrong
Iphone4 antenna,Map app,iphone c..
lets wait for a backpedaling then
599 for an iphone 5 but plastic...its too much
actually i will stick again with my old iphone 4^^
which is the cheap been sold in China so it will
have again a long support

Hi

Actually I like iPhone5 a lot more than 4, it's lighter and there is a big difference in use. Anyway nowadays Apple is making money and not change the world as it was when Jobs lived. We miss You man