# How to change the column on the screen

**URL:** <https://tainacan.discourse.group/t/how-to-change-the-column-on-the-screen/2236>\
**Category:** Suporte\
**Created:** [Dezembro 16, 2024, 2:20am UTC](https://tainacan.discourse.group/t/how-to-change-the-column-on-the-screen/2236 "2024-12-16T02:20:47Z")\
**Posts on this page:** 16\
**Page:** 1

<div class="post-metadata">

**Author:** ![koeiyabe](https://avatars.discourse-cdn.com/v4/letter/k/a88e57/32.png) [@koeiyabe](https://tainacan.discourse.group/u/koeiyabe)\
**Post date:** [Dezembro 16, 2024, 2:20am UTC](https://tainacan.discourse.group/t/how-to-change-the-column-on-the-screen/2236/1 "2024-12-16T02:20:47Z")

</div>

Hello,

I need your help.  
I try to change the item column from 2 to 1 on Tainacan and WordPress pages, but it cannot make it. Also, I want to do as far as these reference texts can expand longer.

Please find the attached screenshot copy of the page.

 ![Screen Shot 2024-12-15 at 9.04.21 PM](https://global.discourse-cdn.com/free1/uploads/tainacan/original/2X/2/24f7f67e4b5062db1d8b79f3a199a9abc436f836.png)

Thanks and best,

Koeiyabe

---

<div class="post-metadata">

**Author:** ![Alkis](https://yyz2.discourse-cdn.com/free1/user_avatar/tainacan.discourse.group/alkis/32/402_2.png) [@Alkis](https://tainacan.discourse.group/u/Alkis)\
**Post date:** [Dezembro 16, 2024, 7:24am UTC](https://tainacan.discourse.group/t/how-to-change-the-column-on-the-screen/2236/2 "2024-12-16T07:24:20Z")

</div>

The first obvious question is “what theme are you using?”  
🙂  
I would highly recommend using Blocksy as it works very well with Tainacan and is well supported. You have many options in the “listing page” setup. For example see these settings in the Theme customiser \>\>

 ![CleanShot%202024-12-16%20at%2009.22.51](https://global.discourse-cdn.com/free1/uploads/tainacan/original/2X/9/925f450b8d063c6af75e38157ab40ba5dcf3d3a9.jpeg)

---

<div class="post-metadata">

**Author:** ![suelanesilva](https://yyz2.discourse-cdn.com/free1/user_avatar/tainacan.discourse.group/suelanesilva/32/19_2.png) [@suelanesilva](https://tainacan.discourse.group/u/suelanesilva)\
**Post date:** [Dezembro 16, 2024, 1:59pm UTC](https://tainacan.discourse.group/t/how-to-change-the-column-on-the-screen/2236/3 "2024-12-16T13:59:15Z")

</div>

If your metadata is at the collection level, you can reorder it in the collection metadata panel. Simply hold and drag the metadata up or down, or use the arrows to move them accordingly. When you adjust the order, the public visualization will automatically update to reflect the changes.

---

<div class="post-metadata">

**Author:** ![koeiyabe](https://avatars.discourse-cdn.com/v4/letter/k/a88e57/32.png) [@koeiyabe](https://tainacan.discourse.group/u/koeiyabe)\
**Post date:** [Dezembro 17, 2024, 12:48am UTC](https://tainacan.discourse.group/t/how-to-change-the-column-on-the-screen/2236/5 "2024-12-17T00:48:14Z")

</div>

Yes, I know this, but I want to keep the order. Basically, I need to the change the column order. I think Alkis’ comment looks better, and I’m still fixing the issue now. I’ll let him know if I find something frustrated or solved.

 ![Screen Shot 2024-12-16 at 7.43.30 PM](https://global.discourse-cdn.com/free1/uploads/tainacan/original/2X/6/61e61e14440bb289b8d6a6b7b1619b710b405410.png)

---

<div class="post-metadata">

**Author:** ![mateus.m.luna](https://yyz2.discourse-cdn.com/free1/user_avatar/tainacan.discourse.group/mateus.m.luna/32/3_2.png) [@mateus.m.luna](https://tainacan.discourse.group/u/mateus.m.luna)\
**Post date:** [Dezembro 19, 2024, 11:40am UTC](https://tainacan.discourse.group/t/how-to-change-the-column-on-the-screen/2236/6 "2024-12-19T11:40:55Z")

</div>

@koeiyabe just to complement here: [Blocksy](https://wordpress.org/themes/blocksy/) with [the integration plugin](https://wordpress.org/plugins/tainacan-blocksy/) will give you more options to tweak in its customizer menu.

However, Tainacan Interface, which seems to be your current theme does have an option to define the amount of columns as 2 instead of 3, which could be what you are looking for. You’ll find it in “Appearence” → “Customize” → “Tainacan Item Page” → “Item metadata” → “Number of metadata columns (big screen)”.

In Blocksy, the setting to look would be “Appearence” → “Customize” → “Item of _your collection name_” → Item metadata → “Metadata column width”.

If none of this works for you, a bit of dedicated CSS could do the trick, but then we should do some testing with the code.

---

<div class="post-metadata">

**Author:** ![koeiyabe](https://avatars.discourse-cdn.com/v4/letter/k/a88e57/32.png) [@koeiyabe](https://tainacan.discourse.group/u/koeiyabe)\
**Post date:** [Janeiro 12, 2025, 4:59am UTC](https://tainacan.discourse.group/t/how-to-change-the-column-on-the-screen/2236/7 "2025-01-12T04:59:43Z")

</div>

Apologies for this late reply.  
In Tainacan Interface, I tried to put “0” column as showing the screenshot copy, but it is still not working. I would need to put some some programming codes on the CSS.

 ![Screen Shot 2025-01-11 at 11.56.13 PM](https://global.discourse-cdn.com/free1/uploads/tainacan/original/2X/9/9cc2d04056edb5a4236d1c63e4f6b16118c8020f.png)

---

<div class="post-metadata">

**Author:** ![mateus.m.luna](https://yyz2.discourse-cdn.com/free1/user_avatar/tainacan.discourse.group/mateus.m.luna/32/3_2.png) [@mateus.m.luna](https://tainacan.discourse.group/u/mateus.m.luna)\
**Post date:** [Janeiro 16, 2025, 12:45pm UTC](https://tainacan.discourse.group/t/how-to-change-the-column-on-the-screen/2236/8 "2025-01-16T12:45:26Z")

</div>

Hi @koeiyabe

I’m sorry for the very late answer, I was off for vacations.

0 is not a value that would make sense in this case (I should probably put a validation in that input…). What you are looking for is to have only 1 or 2 column, right? If it is so and that setting is not working just define it, save, and send me a link to your items page so I can inspect it and detect if there is any CSS conflicts.

---

<div class="post-metadata">

**Author:** ![mateus.m.luna](https://yyz2.discourse-cdn.com/free1/user_avatar/tainacan.discourse.group/mateus.m.luna/32/3_2.png) [@mateus.m.luna](https://tainacan.discourse.group/u/mateus.m.luna)\
**Post date:** [Janeiro 16, 2025, 12:58pm UTC](https://tainacan.discourse.group/t/how-to-change-the-column-on-the-screen/2236/9 "2025-01-16T12:58:45Z")

</div>

Just to inform @koeiyabe I deleted the other post as a duplicate of this, ok? Please send me a link of one of your items page so I can inspect the CSS.

---

<div class="post-metadata">

**Author:** ![koeiyabe](https://avatars.discourse-cdn.com/v4/letter/k/a88e57/32.png) [@koeiyabe](https://tainacan.discourse.group/u/koeiyabe)\
**Post date:** [Janeiro 16, 2025, 2:16pm UTC](https://tainacan.discourse.group/t/how-to-change-the-column-on-the-screen/2236/10 "2025-01-16T14:16:37Z")

</div>

I was out of town for the recent holidays, too. Yes, that’s fine. Thank for deleting another post. I prefer no or one column. I tried to put “1” value, but it is not still working.

Below is the link to one of the item pages.  
[Alpine Mastiff – Extinct Breeds](https://ztq.gna.mybluehost.me/.website_6f21108d/dog/alpine-mastiff/)

---

<div class="post-metadata">

**Author:** ![mateus.m.luna](https://yyz2.discourse-cdn.com/free1/user_avatar/tainacan.discourse.group/mateus.m.luna/32/3_2.png) [@mateus.m.luna](https://tainacan.discourse.group/u/mateus.m.luna)\
**Post date:** [Janeiro 16, 2025, 3:04pm UTC](https://tainacan.discourse.group/t/how-to-change-the-column-on-the-screen/2236/11 "2025-01-16T15:04:17Z")

</div>

Uhmmm thank you @koeiyabe, you have actually found a bug.

I’ve submitted a fix for version 2.7.10. Can you please update your theme, define the setting as “1” and let me know if that fixes it?

---

<div class="post-metadata">

**Author:** ![koeiyabe](https://avatars.discourse-cdn.com/v4/letter/k/a88e57/32.png) [@koeiyabe](https://tainacan.discourse.group/u/koeiyabe)\
**Post date:** [Janeiro 16, 2025, 11:38pm UTC](https://tainacan.discourse.group/t/how-to-change-the-column-on-the-screen/2236/12 "2025-01-16T23:38:19Z")

</div>

Thank you so much for your help. Solved after the update of the version.

I am trying to delete the “View as…” button and “Visualization,” but it does not work. Also, I’m not sure about how to hide the “Home \> Browse & Search” below the Head Menu.

 ![Screen Shot 2025-01-16 at 6.30.39 PM](https://global.discourse-cdn.com/free1/uploads/tainacan/original/2X/6/67d7df764481bdd33496f0963b7b761d23a351f1.jpeg)

I’m looking forward to your help again.

---

<div class="post-metadata">

**Author:** ![mateus.m.luna](https://yyz2.discourse-cdn.com/free1/user_avatar/tainacan.discourse.group/mateus.m.luna/32/3_2.png) [@mateus.m.luna](https://tainacan.discourse.group/u/mateus.m.luna)\
**Post date:** [Janeiro 17, 2025, 12:05pm UTC](https://tainacan.discourse.group/t/how-to-change-the-column-on-the-screen/2236/13 "2025-01-17T12:05:58Z")

</div>

Glad that it worked @koeiyabe!

> [@koeiyabe](#):
>
> I am trying to delete the “View as…” button and “Visualization,” but it does not work.

The place where you are tweaking those options affects the theme template that loads the items list, such as this:

> **[Dog](https://ztq.gna.mybluehost.me/.website_6f21108d/dog/)**

And, which I believe it is what you are looking for, this:

> **[All items in repository](https://ztq.gna.mybluehost.me/.website_6f21108d/items/)**

Instead you built a page using the faceted search, a nice approach. But in that case you should tweak the options in the block itself. Click the block and take a look at the options available in the sidebar:

 ![image](https://global.discourse-cdn.com/free1/uploads/tainacan/original/2X/c/c99bb623f8dda8141a86966872e37725e3a5aaef.png)

Also I would suggest trying wide or full alignment in the selector demonstrated above, since the page margins are a too constrained.

> [@koeiyabe](#):
>
> Also, I’m not sure about how to hide the “Home \> Browse & Search” below the Head Menu.

We do not have an option to hide that Breadcrumb but one thing you could do is go to your page settings in the gutenberg editor, look for “Template” and select “Landing”:

 ![image](https://global.discourse-cdn.com/free1/uploads/tainacan/original/2X/d/d8638b7da20af6b47174517c5edf5144a551a271.png)

This will render the page without the page title area, which means you will still have to create the title for the page itself in it’s content, but that can be done easily using blocks like the Cover.

---

<div class="post-metadata">

**Author:** ![koeiyabe](https://avatars.discourse-cdn.com/v4/letter/k/a88e57/32.png) [@koeiyabe](https://tainacan.discourse.group/u/koeiyabe)\
**Post date:** [Janeiro 18, 2025, 12:58am UTC](https://tainacan.discourse.group/t/how-to-change-the-column-on-the-screen/2236/14 "2025-01-18T00:58:02Z")

</div>

That’s wonderful. Solved. Your hard work is appreciated a lot.

 ![Screen Shot 2025-01-17 at 7.45.04 PM](https://global.discourse-cdn.com/free1/uploads/tainacan/original/2X/2/200f5c75bc6eb59c5b69f9f17423180edbf4616c.png)  
 ![Screen Shot 2025-01-17 at 7.45.17 PM](https://global.discourse-cdn.com/free1/uploads/tainacan/original/2X/b/be4b21ab2e16b43a4f203d94352f574cab621b74.png)

To remove “Visualization” as “Use current view mode setting” in Forced Default View Mode, it is still not working because one of other view modes show up. When I try to remove all the checks, “Table,” “Card,” “List,” and “map,” I cannot remove the last one of the checks. I need to delete all.

---

<div class="post-metadata">

**Author:** ![mateus.m.luna](https://yyz2.discourse-cdn.com/free1/user_avatar/tainacan.discourse.group/mateus.m.luna/32/3_2.png) [@mateus.m.luna](https://tainacan.discourse.group/u/mateus.m.luna)\
**Post date:** [Janeiro 18, 2025, 7:14pm UTC](https://tainacan.discourse.group/t/how-to-change-the-column-on-the-screen/2236/15 "2025-01-18T19:14:35Z")

</div>

> [@koeiyabe](#):
>
> I need to delete all.

You need at least one view mode. To remove the option that allows you to select view modes, just keep only one enabled and it should hide the selector.

---

<div class="post-metadata">

**Author:** ![koeiyabe](https://avatars.discourse-cdn.com/v4/letter/k/a88e57/32.png) [@koeiyabe](https://tainacan.discourse.group/u/koeiyabe)\
**Post date:** [Janeiro 19, 2025, 2:15am UTC](https://tainacan.discourse.group/t/how-to-change-the-column-on-the-screen/2236/16 "2025-01-19T02:15:42Z")

</div>

Solved. I really appreciate your quick help and hard work so much!

---

<div class="post-metadata">

**Author:** ![system](https://global.discourse-cdn.com/free1/uploads/tainacan/original/1X/7a4cda66d79553ef5eebf93769c00bdba65e7ab2.png) [@system](https://tainacan.discourse.group/u/system)\
**Post date:** [Janeiro 24, 2025, 2:16am UTC](https://tainacan.discourse.group/t/how-to-change-the-column-on-the-screen/2236/17 "2025-01-24T02:16:33Z")

</div>

Este tópico foi fechado automaticamente 5 dias depois da última resposta. Novas respostas não são mais permitidas.
