How to link from Our Team module photos

Our site is here: www.meurergroup.com

Three questions on the homepage Our Team module.

1) What is the code for linking photos to bios on the Our Team page?
2) How do we get rid of the extra space between the Our Team text line and the photos?
3) Why is there a line showing up below the photos and how do we get rid of it? I cannot see anything in the code.

1. Edit the module and change links to your chosen link. You might need to go to Global configurations and change default editor to none so you can see html format without stripping part of html.

Then edit custom html module.

Each user is wrapped with figure class similar to below, change www.mylink.com.

Code: Select all

<figure class="loaded" data-delay="0" data-animation="horizontal">
<a href="www.mylink.com">
<img alt="" src="/images/stories/team/team_michael.jpg">
</a>
<figcaption>
<a href="www.mylink.com">Michael</a>
</figcaption>
</figure>


While editing this module, as you have only entered 5 users please change data count to 5 in below code

Code: Select all

<div class="gkTeam" data-count="5">


2. Add following css code to css/override.css in template folder and enable css override option in template settings > advanced settings .

Code: Select all

.gkTeam { padding: 0px!important;}


3. If you mean border on top of "More About Us" then we need to remove the border from this section. Please add below css code to override.css

Code: Select all

.gkTeam > a {border-top: none!important;}


See you around...

Thank you Norman. Our web designer abandoned us in the middle of this site project. I am not a coder or designer, just trying to get this site functional asap. Thanks for your help.

I could not get the link thing to work. Here is the code below. All of the bios on the Team page except mine, which is at the top of the page, have an anchor. Each anchor uses the persons first name. For example, Tricia, Andrea, etc. So a simple <index.php/the-team/Tricia#> should link to the person's bio. I cannot get any of them to work.

Any additional help much appreciated. All the best, Michael

CODE
<p>We believe in great partnerships and total commitment to your success. We are: Creative. Experienced. Resourceful. Relentless. Fun.</p>
<div class="gkTeam" data-count="6">
<figure data-animation="horizontal" data-delay="0">
<a href="#"><img src="images/stories/team/team_michael.jpg" alt="" /></a>
<figcaption><a href="the-team">Michael</a></figcaption>
</figure>

<figure data-animation="horizontal" data-delay="100">
<a href="#"><img src="images/stories/team/team_melissa.jpg" alt="" /></a>
<figcaption><a href="#">Melissa</a></figcaption>
</figure>

<figure data-animation="horizontal" data-delay="200">
<a href="#"><img src="images/stories/team/team_tricia.jpg" alt="" /></a>
<figcaption><a href="#">Tricia</a></figcaption>
</figure>

<figure data-animation="horizontal" data-delay="300">
<a href="#"><img src="images/stories/team/team_chris.jpg" alt="" /></a>
<figcaption><a href="#">Chris</a></figcaption>
</figure>

<figure data-animation="horizontal" data-delay="400">
<a href="#"><img src="images/stories/team/team_kevin.jpg" alt="" /></a>
<figcaption><a href="#">Kevin</a></figcaption>
</figure>

<figure data-animation="horizontal" data-delay="500">
<a href="#"><img src="images/stories/team/team_andrea.jpg" alt="" /></a>
<figcaption><a href="#">Andrea</a></figcaption>
</figure>

<a href="#">More About Us</a>
</div>

Please send me an admin access along with links to team module and team pages to my email and I ll do it for you.

My email normanuk[at]live.co.uk

Please include this topic subject and link in your email so I know it is from you.

Have a nice day.