Invision Community 4: SEO, prepare for v5 and dormant account notifications Matt November 11, 2024Nov 11
Posted February 20Feb 20 We have one Subscription plan on 99nicu.org , but the page showing this has a strange layout, the plan shows in a narrow column to the left. Tried in the Theme editor to change from Grid to List, without any layout change.Is this due to that this plan was created in the v4 software? Or any admin dashboard setting somewhere that we should change?
February 20Feb 20 That is the current design of the Subscriptions page. It is designed for many subscriptions, not really one. I have moved this to our Feedback forum.
February 20Feb 20 Author Thanks, would there be a way to change this without coding?Or coudl one create a regular page with the WYSIWYG widget - is the "sign up" link unique for each visitor or can one use a "generic" URL ? (the current link I get is "https://99nicu.org/subscriptions/1/?do=purchase&csrfKey=1f08760544c7413767801acc5abc25e2")
February 20Feb 20 2 minutes ago, Stefan Johansson_72643 said:Thanks, would there be a way to change this without coding?Not currently.
February 21Feb 21 You can make the subscription occupy the entire width using CSS, however I'm not entirely sure that looks any better:.ipsData--subscriptions{ --i-data--max: 1; } .ipsData--subscriptions .ipsData__image{ max-height: 200px; }Alternatively, you can change the style to a table (or any other ipsData design) using the following JS:(function(){ let subscriptionsList = document.querySelector(".ipsData--subscriptions"); if(!subscriptionsList) return; subscriptionsList.classList.remove("ipsData--grid"); subscriptionsList.classList.add("ipsData--table"); })();
February 21Feb 21 Author 5 hours ago, Ehren said:You can make the subscription occupy the entire width using CSS, however I'm not entirely sure that looks any better:.ipsData--subscriptions{ --i-data--max: 1; } .ipsData--subscriptions .ipsData__image{ max-height: 200px; }Alternatively, you can change the style to a table (or any other ipsData design) using the following JS:(function(){ let subscriptionsList = document.querySelector(".ipsData--subscriptions"); if(!subscriptionsList) return; subscriptionsList.classList.remove("ipsData--grid"); subscriptionsList.classList.add("ipsData--table"); })();Thanks @Ehren , that CSS did the trick!