Joomla Templates Club 406,261 posts

[xxxxmints Friend xxxxmintsJoin date: February 2008Posts: 93Downloads:0Uploads:2 Thanks: 20 Thanked: 3 times in 1 posts]

#186756

Hi,

I only have 3 partners, can you please tell me how I center in the page. At the moment they are aligned on the left.

Mel

[andrescala Friend andrescalaJoin date: July 2011Posts: 34Downloads:0Uploads:2 Thanks: 11 Thanked: 1 times in 1 posts]

#490006

Same question here.
Thanks

[kywong85 Friend kywong85Join date: April 2007Posts: 19Downloads:0Uploads:4 Thanks: 3]

#490045

I need to know this as well… Kindly advise. Tq.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#490050

You can use this way as following

+ Go to Admin -> Module Manager -> find Partners custom html module

From


<div class="span2"><a href="#" title="Sample link"><img class="img-grayscale" src="images/joomlart/demo/logo-1.png" border="0" alt="Sample clients" /></a></div>
<div class="span2"><a href="#" title="Sample link"><img class="img-grayscale" src="images/joomlart/demo/logo-2.png" border="0" alt="Sample clients" /></a></div>
<div class="span2"><a href="#" title="Sample link"><img class="img-grayscale" src="images/joomlart/demo/logo-3.png" border="0" alt="Sample clients" /></a></div>
<div class="span2"><a href="#" title="Sample link"><img class="img-grayscale" src="images/joomlart/demo/logo-4.png" border="0" alt="Sample clients" /></a></div>
<div class="span2"><a href="#" title="Sample link"><img class="img-grayscale" src="images/joomlart/demo/logo-5.png" border="0" alt="Sample clients" /></a></div>
<div class="span2"><a href="#" title="Sample link"><img class="img-grayscale" src="images/joomlart/demo/logo-6.png" border="0" alt="Sample clients" /></a></div>


Change to


<div class="span4"><a href="#" title="Sample link"><img class="img-grayscale" src="images/joomlart/demo/logo-1.png" border="0" alt="Sample clients" /></a></div>
<div class="span4"><a href="#" title="Sample link"><img class="img-grayscale" src="images/joomlart/demo/logo-2.png" border="0" alt="Sample clients" /></a></div>
<div class="span4"><a href="#" title="Sample link"><img class="img-grayscale" src="images/joomlart/demo/logo-3.png" border="0" alt="Sample clients" /></a></div>


[kywong85 Friend kywong85Join date: April 2007Posts: 19Downloads:0Uploads:4 Thanks: 3]

#490110

Hi Ninja,

It look great for Desktop view but not for Mobile view.

---

Attachments:

1. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#490271

With mobile layout you can fix it by css

Open templates/ja_onepage/css/custom.css file

add new script

@media (max-width: 767px) {
.partners .span4 {
float: left !important;
width: 33% !important;
margin-bottom: 20px;
margin-left: 0px;
}
}


[kywong85 Friend kywong85Join date: April 2007Posts: 19Downloads:0Uploads:4 Thanks: 3]

#490295

Hi Ninja,

It’s works. Thanks for your help.

[Author]

Posts