-
AuthorPosts
-
June 21, 2013 at 8:16 pm #188408
I must add a person in the Team section, a total of 5 people.
How should I do?
thanks in advance
GiulioJune 22, 2013 at 7:32 am #496559Sorry I mean 5 people on the same line.
thanks.
Giuliopavit Moderatorpavit
- Join date:
- September 2007
- Posts:
- 15749
- Downloads:
- 199
- Uploads:
- 2274
- Thanks:
- 417
- Thanked:
- 4028 times in 3778 posts
June 22, 2013 at 8:32 am #496561Hi
Just add this to your custom-html module
<span style="color:#000080"></ul></span>
<span style="color:#000080"></div></span>
<span style="color:#000080"></div></span>
<span style="color:#000080"></li></span>
<span style="color:#000080"><li class="span2"></span>
<span style="color:#000080"><div class="thumbnail"></span>
<span style="color:#000080"><div class="thumb-mask"></span>
<span style="color:#000080"><div class="mask-inner"></span><span style="color:#800080"><img class="img-grayscale" src="images/joomlart/demo/sam-2.jpg" border="0" alt="Sample image" /></span><span style="color:#000080"></div></span>
<span style="color:#000080"></div></span>
<span style="color:#000080"><div class="caption"></span>
<span style="color:#000080"><h3></span>Jonnathan Orgen<span style="color:#000080"></h3></span>
<span style="color:#000080"><p class="meta"></span>Video Specialist<span style="color:#000080"></p></span>
<span style="color:#000080"><p></span>Suspendisse et vivamus accumsan <span style="color:#008000"><a href="#" title="Sample link"></span>phasellus auctor<span style="color:#008000"></a></span> nisl mauris facilisi aliquam et. Justo enim justo curabitured senectus donec pretium.<span style="color:#000080"></p></span>
<span style="color:#000080"><ul class="social-list"></span>
<span style="color:#000080"><li></span><span style="color:#008000"><a class="facebook" href="#" title="Facebook"></span>Facebook<span style="color:#008000"></a></span><span style="color:#000080"></li></span>
<span style="color:#000080"><li></span><span style="color:#008000"><a class="twitter" href="#" title="Twitter"></span>Twitter<span style="color:#008000"></a></span><span style="color:#000080"></li></span>
<span style="color:#000080"><li></span><span style="color:#008000"><a class="flicker" href="#" title="Flicker"></span>Flicker<span style="color:#008000"></a></span><span style="color:#000080"></li></span>Look at the code in Red it is span2 and not span3
So you will need to change span2 for the other code too
June 22, 2013 at 11:13 am #496569Thanks “Pavit” for your help but now the 5 profiles are aligned to the left.
How do I center the 5 profiles?
Giuliotrungnq Friendtrungnq
- Join date:
- November 2008
- Posts:
- 7
- Downloads:
- 0
- Uploads:
- 0
- Thanked:
- 1 times in 2 posts
June 24, 2013 at 7:17 am #496661Hi Colnaghiart68
This JA Onepage template’s built with Bootstrap grid system which utilizes 12 columns corresponding 12 span
You can reference http://twitter.github.io/bootstrap/scaffolding.html#gridSystem
You can try with solution here
<div class=”introduction”>Consectetur adipiscing elit. Donec pellentesque venenatis elit, quis aliquet mauris malesuada vel. Donec vitae libero dolor, eget dapibus justo. Aenean facilisis aliquet feugiat. Suspendisse lacinia congue est ac semper. Nulla ut elit magna, vitae volutpat magna. Vivamus eu erat lectus est ac semper.</div>
<ul class=”thumbnails”><li class=”span1″>
</li><li class=”span2″>
<div class=”thumbnail”>
<div class=”thumb-mask”>
<div class=”mask”> </div>
<div class=”mask-inner”><img class=”img-grayscale” src=”images/joomlart/demo/sam-1.jpg” alt=”Sample image” /></div>
</div>
<div class=”caption”>
<h3>John Doe</h3>
<p class=”meta”>Creative designer</p>
<p><strong>Laoreet vestibulum</strong> cursus elit fringilla pretium Sed ut sodales quis pretium. Lorem vestibulum orci in commodo vestibm est ac semper.</p>
<ul class=”social-list”>
<li><a class=”facebook” href=”#” title=”Facebook”>Facebook</a></li>
<li><a class=”twitter” href=”#” title=”Twitter”>Twitter</a></li>
<li><a class=”flicker” href=”#” title=”Flicker”>Flicker</a></li>
</ul>
</div>
</div>
</li><li class=”span2″>
<div class=”thumbnail”>
<div class=”thumb-mask”>
<div class=”mask”> </div>
<div class=”mask-inner”><img class=”img-grayscale” src=”images/joomlart/demo/sam-2.jpg” alt=”Sample image” /></div>
</div>
<div class=”caption”>
<h3>Jonnathan Orgen</h3>
<p class=”meta”>Video Specialist</p>
<p>Suspendisse et vivamus accumsan <a href=”#” title=”Sample link”>phasellus auctor</a> nisl mauris facilisi aliquam et. Justo enim justo curabitured senectus donec pretium.</p>
<ul class=”social-list”>
<li><a class=”facebook” href=”#” title=”Facebook”>Facebook</a></li>
<li><a class=”twitter” href=”#” title=”Twitter”>Twitter</a></li>
<li><a class=”flicker” href=”#” title=”Flicker”>Flicker</a></li>
</ul>
</div>
</div>
</li><li class=”span2″>
<div class=”thumbnail”>
<div class=”thumb-mask”>
<div class=”mask”> </div>
<div class=”mask-inner”><img class=”img-grayscale” src=”images/joomlart/demo/sam-3.jpg” alt=”Sample image” /></div>
</div>
<div class=”caption”>
<h3>Michael Smith</h3>
<p class=”meta”>Graphic designer</p>
<p>Fringilla non adipiscing magna ligula quam Vestibulum Donec est Quisque tellus. Convallis enim ante eros eros In lorem ipsum purus.</p>
<ul class=”social-list”>
<li><a class=”facebook” href=”#” title=”Facebook”>Facebook</a></li>
<li><a class=”twitter” href=”#” title=”Twitter”>Twitter</a></li>
<li><a class=”flicker” href=”#” title=”Flicker”>Flicker</a></li>
</ul>
</div>
</div>
</li><li class=”span2″>
<div class=”thumbnail”>
<div class=”thumb-mask”>
<div class=”mask”> </div>
<div class=”mask-inner hiring”><img class=”img-grayscale” src=”images/joomlart/demo/sam_blank.png” alt=”Sample image” /></div>
</div>
<div class=”caption”>
<h3>We are Hiring!</h3>
<p class=”meta”>CSS guru</p>
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec elit non mi porta gravida at eget metus. Nullam nibh ultricies <a href=”#” title=”Sample link”>vehicula elit</a>.</p>
</div>
</div>
</li><li class=”span2″>
<div class=”thumbnail”>
<div class=”thumb-mask”>
<div class=”mask”> </div>
<div class=”mask-inner”><img class=”img-grayscale” src=”images/joomlart/demo/sam-3.jpg” alt=”Sample image” /></div>
</div>
<div class=”caption”>
<h3>Michael Smith</h3>
<p class=”meta”>Graphic designer</p>
<p>Fringilla non adipiscing magna ligula quam Vestibulum Donec est Quisque tellus. Convallis enim ante eros eros In lorem ipsum purus.</p>
<ul class=”social-list”>
<li><a class=”facebook” href=”#” title=”Facebook”>Facebook</a></li>
<li><a class=”twitter” href=”#” title=”Twitter”>Twitter</a></li>
<li><a class=”flicker” href=”#” title=”Flicker”>Flicker</a></li>
</ul>
</div>
</div>
</li><li class=”span1″>
</li></ul>
and let me know how it goes.
June 25, 2013 at 6:25 am #496817Hi Quartermain TR,
Thank you very much for your solution:):):):) -
AuthorPosts
This topic contains 6 replies, has 3 voices, and was last updated by colnaghiart68 11 years, 5 months ago.
We moved to new unified forum. Please post all new support queries in our New Forum