View of the list of labels in grid mode

carlucci

https://blockk.dietapino.com/index.php/component/tags/tag/cocina-universal

View of the list of labels in grid mode.

Ninja

carlucci
Hi
Try this code in custom css

.com-tags-tag.tag-category .list-group .list-group-item {
   width: 50%;
    float: left;
}

carlucci

Ninja
Good morning!
Well! I have changed the with from 50 to 33.33% to display 3 images per line.
Can the images be enlarged?
Like :

I have to admit that I am really enjoying this template thanks to your help.

Ninja

carlucci
Hi
Image width depends in the size of container at the moment it's already using max width.

carlucci

Ninja
Yes I agree. But for it to work well I think it is necessary to move the intro-text below the image as seen in screenshot-1.

Ninja

carlucci
Hi
This is default layout from taga component.
You have to set tag image width 100% to move text down

.com-tags-tag.tag-category .item-tag-image {
    max-width: 33.33%;
}

carlucci

Ninja
Good morning.
I have modified your code. It seems to work.

.com-tags-tag.tag-category .list-group .list-group-item {
    width: 33.333%;
    float: left;
}
.com-tags-tag.tag-category .item-tag-image {
    max-width: 100%;
}

Thank you. Please close the thread.