Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • colnaghiart68 Friend
    #188408

    I must add a person in the Team section, a total of 5 people.
    How should I do?
    thanks in advance
    Giulio

    colnaghiart68 Friend
    #496559

    Sorry I mean 5 people on the same line.
    thanks.
    Giulio

    pavit Moderator
    #496561

    Hi

    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

    colnaghiart68 Friend
    #496569

    Thanks “Pavit” for your help but now the 5 profiles are aligned to the left.
    How do I center the 5 profiles?
    Giulio

    trungnq Friend
    #496661

    Hi 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.

    colnaghiart68 Friend
    #496817

    Hi Quartermain TR,
    Thank you very much for your solution:):):):)

Viewing 6 posts - 1 through 6 (of 6 total)

This topic contains 6 replies, has 3 voices, and was last updated by  colnaghiart68 10 years, 11 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum