Conversation
supportI’m choosing the 3 column layout (or 2 column or 4, as long as it’s not 1) but it always displays only one even though the shortcode is correct. Thank you! The page I need help with: [ log in to see the link]
Hi, To show lists in multiple columns, you need multiple Lists. For 3 columns, you need at least 3 or more Lists. I hope that makes sense. Thank you!
Ah, so the column option is not related to the display of existing entries, just multiple lists. Is there anyway I can display the content of 1 list as 3 columns?
Perhaps, we can give you some CSS. Pur dev team is gone for the day. I will get back to you after the weekend. Thank you!
Please add the following Custom CSS from Simple Business Directory -> Settings -> Custom CSS tab. Clear the cache and check again. /* Custom CSS */ @media only screen and (min-width : 767px) { .qcpnd-list-wrapper .qcpnd-list-holder .simple li, .qcpnd-list-wrapper .qcpnd-list-holder .style-1 li { margin: 0 10px 18px 0; float: left; max-width: 48%; } .qcld-main-style-2 .qcpnd-list-wrapper .style-2 .ca-menu.column1, .qcld-main-style-3 .qcpnd-list-wrapper .qcpnd-list-column .ca-menu.column1 { display: grid; grid-auto-rows: 1fr 1fr; grid-template-columns: 1fr 1fr; } } @media only screen and (min-width : 981px) { .qcpnd-list-wrapper .qcpnd-list-holder .simple li, .qcpnd-list-wrapper .qcpnd-list-holder .style-1 li { margin: 0 10px 18px 0; float: left; max-width: 32%; } .qcld-main-style-2 .qcpnd-list-wrapper .style-2 .ca-menu.column1, .qcld-main-style-3 .qcpnd-list-wrapper .qcpnd-list-column .ca-menu.column1 { display: grid; grid-auto-rows: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; } }
Hi, To show lists in multiple columns, you need multiple Lists. For 3 columns, you need at least 3 or more Lists. I hope that makes sense. Thank you!
Ah, so the column option is not related to the display of existing entries, just multiple lists. Is there anyway I can display the content of 1 list as 3 columns?
Perhaps, we can give you some CSS. Pur dev team is gone for the day. I will get back to you after the weekend. Thank you!
Please add the following Custom CSS from Simple Business Directory -> Settings -> Custom CSS tab. Clear the cache and check again. /* Custom CSS */ @media only screen and (min-width : 767px) { .qcpnd-list-wrapper .qcpnd-list-holder .simple li, .qcpnd-list-wrapper .qcpnd-list-holder .style-1 li { margin: 0 10px 18px 0; float: left; max-width: 48%; } .qcld-main-style-2 .qcpnd-list-wrapper .style-2 .ca-menu.column1, .qcld-main-style-3 .qcpnd-list-wrapper .qcpnd-list-column .ca-menu.column1 { display: grid; grid-auto-rows: 1fr 1fr; grid-template-columns: 1fr 1fr; } } @media only screen and (min-width : 981px) { .qcpnd-list-wrapper .qcpnd-list-holder .simple li, .qcpnd-list-wrapper .qcpnd-list-holder .style-1 li { margin: 0 10px 18px 0; float: left; max-width: 32%; } .qcld-main-style-2 .qcpnd-list-wrapper .style-2 .ca-menu.column1, .qcld-main-style-3 .qcpnd-list-wrapper .qcpnd-list-column .ca-menu.column1 { display: grid; grid-auto-rows: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; } }