[Robert Graham]

I have installed Tile-Plus on my site, msvaa.org and it is showing up nicely but I only have 2 columns of tiles.

I have a lot of white space left on the page. Since this theme isn’t customizable in the backend, how would I change the number of columns to 3 or 4?

Thank you!

[Steven Zahm]

@ Robert

Looking at your site, the only option I really see is to reduce the width of the tile. It appears a max width of 274px will do the trick. It looks like you already know how to change the tile size, but here is the link to the doc if your do not.

Hope that helps! Let me know.

[Robert Graham]

You saw the site after I changed the width of tiles. Before I changed the width (the were about 240px) I still only had two columns. Is there a way to tell it how many columns to display?

[Steven Zahm]

@ Robert

re: You saw the site after I changed the width of tiles. Before I changed the width (the were about 240px) I still only had two columns.

That’s possible. If the screen you are viewing the page on is smaller the theme reduces the width of the page content area which in turn leaves less width available for the tiles which then in turn reduces the possibility of more columns. The number of columns that will be shown is the tile width divided by the page content width set by the theme.

That said, with a width of 274px even at a small window width of 1141px there were three columns of tiles in my testing on your site. Can you please change the width from 340px to at least 274px so I can see what might prevent the theme’s full page content width from being utilized?

re: Is there a way to tell it how many columns to display?

If the theme has a custom CSS area, add the following:

#cn-tile-plus .cn-list-section-head {
    display: none !important;
}

#cn-tile-plus .cn-list-row-alternate,
#cn-tile-plus .cn-list-row {
    display: inline-block;
    float: none !important;
    width: 33% !important;
    box-sizing: initial;
}

#cn-tile-plus div.cn-entry {
    display: inline-block;
    width: 100% !important;
    box-sizing: border-box;
}

If the theme does not, then you can use the JP Custom CSS plugin to add the above CSS.

On narrow screens such as mobile devices this does get a bit squished.

Hope that helps.

[Robert Graham]

OK, I changed the width to 274 like you asked and now I have 3 columns so that is what I was looking for, so thank you very much!!

I would like to ask another question since I have your attention on this thread…..

Which plugin would I use to have the categories listed across the top of the page instead of or in addition to the drop down categories?

Like the directory here: https://www.chem.ufl.edu/faculty-and-research/

[Steven Zahm]

@ Robert

re: I changed the width to 274 like you asked and now I have 3 columns so that is what I was looking for, so thank you very much!!

Great, thanks!

re: Which plugin would I use to have the categories listed across the top of the page instead of or in addition to the drop down categories?

None, actually. What they did was they filtered the list by category using the drop down and then copied the resulting URL from the browser’s address bar and put the links in manually above the shortcode.

Does that help?

[Robert Graham]

Yes, that is great! Thank you for that tip!

OK, I have another question…….

How do I get the “Biographical Info” to show up in the tile? I have some data in that field in the backend but it isn’t showing up on the actual front end tile.

[Steven Zahm]

@ Robert

re: How do I get the “Biographical Info” to show up in the tile? I have some data in that field in the backend but it isn’t showing up on the actual front end tile.

The only way to add this to the tile is to edit the PHP of the template.

Open the card.php found in this folder:
../wp-content/plugins/connections-tile-plus/

Add this line of code where you want the bio to be displayed:

<?php $entry->getBioBlock(); ?>

Hope that helps!

[Robert Graham]

That helps a lot thank YOU! very much for the excellent support!

[Steven Zahm]

@ Robert

Thanks!

If you have a moment, I would truly appreciate a review as they really do make a difference. Many thanks in advance!

https://wordpress.org/support/view/plugin-reviews/connections

[Author]

Posts