Joomla Templates Club 406,261 posts

[pittigeteksten Friend pittigetekstenJoin date: December 2012Posts: 58Downloads:47Uploads:9 Thanks: 17 Thanked: 1 times in 1 posts]

#201561

In the All Categories layout (named Toepassingen in my site), I get a list of categories with a layout which is not consistent:. I wonder what made these column positions misbehave, since I have used the Quickstart package and only changed the category names and descriptions…

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#550687

Hello
add this css code into your custom.css file
path : css/custom.css
if there is no custom.css file create a file and with name : custom.css

@media (min-width:992px){.categories-list .category-item{width: 33.2%;padding: 12px;}}

Clear cache and check .

Hope it helps you.

1 user says Thank You to Pankaj Sharma for this useful post

1. pittigeteksten

[pittigeteksten Friend pittigetekstenJoin date: December 2012Posts: 58Downloads:47Uploads:9 Thanks: 17 Thanked: 1 times in 1 posts]

#550751

<em>@pankajsharma 447237 wrote:</em><blockquote>Hello
add this css code into your custom.css file </blockquote>

Don’t know why, but it works. Thanks!

Pierre

[pittigeteksten Friend pittigetekstenJoin date: December 2012Posts: 58Downloads:47Uploads:9 Thanks: 17 Thanked: 1 times in 1 posts]

#567066

<em>@pankajsharma 447237 wrote:</em><blockquote>Hello
add this css code into your custom.css file
path : css/custom.css
if there is no custom.css file create a file and with name : custom.css

@media (min-width:992px){.categories-list .category-item{width: 33.2%;padding: 12px;}}
Clear cache and check .
</blockquote>

Hi. Something does not work correctly anymore. I don’t know why, because the custom css is still on my site, but the columns have moved again… Take a look at virtualtours.nl > Toepassingen

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#567083

HI
Please change the old code with this code

@media (min-width:992px){.categories-list .category-item{width: 33.2%;padding: 0px;}}


Adjust the padding value in above code and check.

[pittigeteksten Friend pittigetekstenJoin date: December 2012Posts: 58Downloads:47Uploads:9 Thanks: 17 Thanked: 1 times in 1 posts]

#567266

I tried. But it works only if the screen is wide enough. If I make the windows narrower, the column still misbehaves…

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#567460

HI
The issue comes due to different height of the blocks .
Now you have not need to add any additional code for this .
remove the old codes that u added in custom.css file
only add this code


.categories-list .category-item {min-height:550px;}


let me know if it helps .

1 user says Thank You to Pankaj Sharma for this useful post

1. pittigeteksten

[pittigeteksten Friend pittigetekstenJoin date: December 2012Posts: 58Downloads:47Uploads:9 Thanks: 17 Thanked: 1 times in 1 posts]

#567570

Yes, this is a better solution. It works fine now, thanks!

Pierre

[pittigeteksten Friend pittigetekstenJoin date: December 2012Posts: 58Downloads:47Uploads:9 Thanks: 17 Thanked: 1 times in 1 posts]

#732680

Yes, this is a better solution. It works fine now, thanks!

Pierre

[Author]

Posts