C
ChasGFLSep 6, 2019
I saw someone asked the same question on Envato but onfortunately it didn't work for me (the question was 3 yrs old) but I have an odd number (5) of team members I've made the images slightly bigger so have 3 on one line and two on another so would like to center the second row if possible, been trying different things on my own too but can;t get anything to work, if you're able to help please.
Many thanks
This is the section:
<div class="section">
<div class="container clearfix">
<div class="heading-block topmargin-sm center">
<h3>Magnum are...</h3>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 bottommargin">
<div class="team">
<div class="team-image">
<img src="images/band/tony.jpg" alt="Tony Clarkin">
</div>
<div class="team-desc team-desc-bg">
<div class="team-title"><h4>Tony Clarkin</h4><span>Guitars</span></div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 bottommargin">
<div class="team">
<div class="team-image">
<img src="images/band/bob.jpg" alt="Bob Catley">
</div>
<div class="team-desc team-desc-bg">
<div class="team-title"><h4>Bob Catley</h4><span>Lead vocals</span></div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 bottommargin">
<div class="team">
<div class="team-image">
<img src="images/band/dennis.jpg" alt="Dennis Ward">
</div>
<div class="team-desc team-desc-bg">
<div class="team-title"><h4>Dennis Ward</h4><span>Bass guitar</span></div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 bottommargin">
<div class="team">
<div class="team-image">
<img src="images/band/rick.jpg" alt="Rick Benton">
</div>
<div class="team-desc team-desc-bg">
<div class="team-title"><h4>Rick Benton</h4><span>Keyboards</span></div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 bottommargin">
<div class="team">
<div class="team-image">
<img src="images/band/lee.jpg" alt="Lee Morris">
</div>
<div class="team-desc team-desc-bg">
<div class="team-title"><h4>Lee Morris</h4><span>Drums</span></div>
</div>
</div>
</div>
</div>
</div>
</div>