Responsive app portfolio Module on home page

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Sun Nov 23, 2014 10:51 am
Reply with quote
Report this post
Another query please.

I have amended the module with the following markup. It is basically the same as the original, with a couple of mods.

Code: Select all
<p>When it comes to recruiting contract personnel for upcoming projects, clients only seem to be interested in the qualifications, experience and the amount they have to fork out for the candidate. Although these are indeed crucial to a successful job placement, our core team of professionals pride themselves on integrity, ethical behaviour and standards as well as other personable traits that sometimes get overlooked. <br /><em><strong>Ideal Engineering Services</strong></em> acknowledge these developed traits and guarantees that you will be pleasantly surprised.</p>
<p><img src="images/photos/icons/picture7.png" alt="Professional" width="177" height="177" data-fallback="images/photos/icons/picture7.png" data-styles="true" data-scrollreveal="enter bottom and move 315px over 0.66s wait 0.1s" /></p>
<p><img src="images/photos/icons/picture9.png" alt="Dedicated" width="177" height="177" data-fallback="images/photos/icons/picture9.png" data-styles="true" data-scrollreveal="enter bottom and move 630px over 1.33s wait 0.1s" /></p>
<p><img src="images/photos/icons/picture12.png" alt="Qualified" width="177" height="177" data-fallback="images/photos/icons/picture12.png" data-styles="true" data-scrollreveal="enter bottom and move 945px over 2s wait 0.1s" /></p>
<div class="gkCols" data-cols="3">
<div class="gk-point">
<h4>Professional &amp; Corteous</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam semper tellus sit amet nibh fringilla aliquet sit amet in leo.</p>
</div>
<div class="gk-point">
<h4>Dedicated &amp; Committed</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam semper tellus sit amet nibh fringilla aliquet sit amet in leo.</p>
</div>
<div class="gk-point">
<h4>Qualified &amp; Experienced</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam semper tellus sit amet nibh fringilla aliquet sit amet in leo.</p>
</div>
</div>


I am having trouble having the icons pop up across the screen. I have edited the position and have divided it into equal portions as per the 1260px frame, but they all pop up one under the other. I thought by providing the different positions, this would pop up in a horizontal line one after the other (as I have also delayed the pop up to come up .66 sec one after the other.

Refer to the following url to see what is happening.

http://www.idealengineeringservices.com/

Thanks.
User avatar
Senior Boarder

teitbite
Tue Nov 25, 2014 8:07 am
Reply with quote
Report this post
Hi

I think this got resolved already by using gkCols structure described here: http://demo.gavick.com/joomla25/mo/inde ... e-elements

Please let me know if You will need help with anything else.
User avatar
Moderator

GK User
Tue Nov 25, 2014 12:59 pm
Reply with quote
Report this post
Yes thanks.

All good.
User avatar
Senior Boarder


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.