Joomla Templates Club 406,261 posts

[kiribatitourism Friend kiribatitourismJoin date: January 2013Posts: 7Downloads:0Uploads:0 Thanked: 1 times in 1 posts]

#191463

Hi,

In user 1 for “Our Speakers”, I have reduced the list from 10 to only 4.

What I’ve noticed now is that the images are no longer centred properly. It’s as if the list is designed for a multiple of 5?

Is there a way to balance the positioning of the images for this please?

Kind regards,

Karotu

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#509354

So that we can try to best assist you, please provide the url of the site you’re working on,
as well as set “Optimize CSS” to “No” within your Template Manager–General settings

[kiribatitourism Friend kiribatitourismJoin date: January 2013Posts: 7Downloads:0Uploads:0 Thanked: 1 times in 1 posts]

#509378

Thank You Tom. I have now set Optimize CSS to NO and also enabled development mode so I can see changes quicker.

Let me know if yu need anything else.

Here’s the link: http://www.kiribatilegalservices.com.ki/staging/index.php/about-us

When I leave the 5 images, its all balanced out. However, if I remove the fifth (furthest right), it simply disappears but the four images do not automatically space out to the centre to make the website look balanced.

Hope you understand what I mean.

Kind regards,

Karotu

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

#509461

You can change width on li tags from css style

Open templates/ja_zite/css/template.css file

find it

ul.cms li {
width: 24.99%; <- change it to 19,99% if you would like to show 5 images
float: left;
background: none !important;
padding: 0px !important;
margin: 0px ;
text-align: center;
color: #666;
}

Don’t forget to clear cache from Admin area after make changes

[Author]

Posts