Viewing contacts

magnytu2

Hello, I would like to be able to display my contact list in three or four columns. How can I do ?
Thanks for your help.
https://www.equipoutils.com/marques-et-equipementiers

saguaros

magnytu2

It seems that JA Good template doesn't support the override style for this contact category page. I will forward to the development team if there can be support for this.

At this meantime, you can override this category view by copying file from t3 plugin:

/plugins/system/t3/base-bs3/html/com_contact/

and override it in template:

/templates/ja_good/html/com_contact/

magnytu2

Hello and thank you very much for your help. But I don't understand what you are asking me to do ??

saguaros

magnytu2

Share me the admin + FTP account of your site, I will check for you.

magnytu2

Hello, I moved my website to the following address: www.torxnews.com
I want to display my list of contact cards in several columns while keeping the display responsive for smartphones. On three or 4 columns if possible. I have already modified in my custom.css file the display of the images at 10% of the normal value. https://torxnews.com/marques-et-equipementiers
Thanks for your help.

saguaros

magnytu2
You can share me the admin + FTP account so I can take a look.

magnytu2

Hello, I sent you an email. But maybe you hadn't received it. How can I send you the discreet identifiers please?

saguaros

magnytu2

I replied in another topic

magnytu2

Hello, do you think you can find a solution to my layout request on several columns? Whether by a link or a module perhaps? I really wish to have a layout in the form of a directory with the logos of the manufacturers.
Thanks for your help.

saguaros

magnytu2

I can't access backend of your site now as it keeps loading the security check screen.

You can try with this custom css for above contact categories page:

.contact-category .cat-items #adminForm > ul > li {
background: transparent;
border: none;
width: 50%;
float: left;
margin: 0;
}
.contact-category .cat-items #adminForm > ul {
border: none;
margin: 0 -15px;
overflow: hidden;
}
.contact-category .cat-items #adminForm > ul > li > div {
padding: 0;
margin: 0 0 10px;
width: 100%;
}

magnytu2

Hello, great! With your CSS lines the display is in two columns. I changed the width value to 20% to go to 5 columns. But the display remains fixed. On a smartphone it would have to go over a column. Is it possible ?
Thank you

saguaros

magnytu2

You can use media queries to add specific style for specific screen size:

https://getbootstrap.com/docs/3.4/css/#grid-media-queries