Pricing Table columns
-
When there is 2-3 Access plans available, then they look mostly fine on wide pages. But if there are more, like 4 or 5 plans, then they are squeezed all together and stretched to extreme heights if there is lots of description under plan.
When it comes to pricing table shortcode in a widget are to show it in the sidebar, then it gets even worse.
I currently fixed this by applying CSS like this:
.llms-access-plan {min-width: 200px;}, but this works only when my sidebar is always 200px. If sidebar is responsive nad changes size, then it doesn’t look so good.What would be better option to handle this?
-
This topic was modified 6 years, 1 month ago by
Rubidze.
-
This topic was modified 6 years, 1 month ago by
-
Hi @rubidze,
Can you provide us with your system report: https://lifterlms.com/docs/how-to-use-the-lifterlms-system-report/ and a link to the page you’re experiencing this on!
Just a heads up, if you’ve purchased a LifterLMS add-on or subscription via LifterLMS.com you should not post here. Instead, open a new support request from your LifterLMS.com account dashboard.
A member of the support team will get in touch with you as soon as possible.
Thank you.
We have not purchased LifterLMS yet, but so far we like your plugin and perhaps this is possible after we get our courses ready and students enrolling.
Is there a way to send you this information without revealing all this information to the public?
We have email support for paying customers but free users have to post here in the forums.
If you’re not comfortable posting all of your system information you could at the very least post a link to a page where we can see this issue and we can have a look to see if there’s any CSS we can provide you with.
It’s impossible to help resolve visual issues with a theme when we can’t have a look at anything.
Hi Thomas! Thanks for stepping in. I currently removed extra access plans from the main site and the problem can’t be seen over there, but I regenerated this issue on my test environment.
You can take a look here.
An the system report is here:WordPress ------------------------------------------- Home Url: https://test1.rubit.ee Site Url: https://test1.rubit.ee Login Url: https://test1.rubit.ee/wp-login.php Version: 5.4 Debug Mode: No Debug Log: No Debug Display: Yes Locale: en_US Multisite: No Page For Posts: Not Set Page On Front: Home (#579) [https://test1.rubit.ee/] Permalink Structure: /%postname%/ Show On Front: page Wp Cron: Yes Settings ------------------------------------------- Version: 3.37.17 Db Version: 3.37.17 Course Catalog: Course Catalog (#6312) [https://test1.rubit.ee/courses/] Membership Catalog: Membership Catalog (#6313) [https://test1.rubit.ee/memberships/] Student Dashboard: Dashboard (#6315) [https://test1.rubit.ee/dashboard-2/] Checkout Page: Purchase (#6314) [https://test1.rubit.ee/purchase/] Course Catalog Per Page: 9 Course Catalog Sorting: menu_order Membership Catalog Per Page: 9 Membership Catalog Sorting: menu_order Site Membership: Not Set Courses Endpoint: my-courses Edit Endpoint: edit-account Lost Password Endpoint: lost-password Vouchers Endpoint: redeem-voucher Autogenerate Username: yes Password Strength Meter: yes Minimum Password Strength: strong Terms Required: no Terms Page: Not Set Checkout Names: required Checkout Address: required Checkout Phone: optional Checkout Email Confirmation: yes Open Registration: no Registration Names: required Registration Address: optional Registration Phone: hidden Registration Voucher: optional Registration Email Confirmation: no Account Names: required Account Address: required Account Phone: optional Account Email Confirmation: yes Confirmation Endpoint: confirm-payment Force Ssl Checkout: no Country: EE Currency: EUR Currency Position: left Thousand Separator: , Decimal Separator: . Decimals: 2 Trim Zero Decimals: no Recurring Payments: yes Email From Address: [email protected] Email From Name: Sailing Email Footer Text: Email Header Image: Cert Bg Width: 800 Cert Bg Height: 616 Cert Legacy Compat: no Gateways ------------------------------------------- Manual: Enabled Manual Logging: no Manual Order: 1 Server ------------------------------------------- Mysql Version: 5.5.5 Php Curl: Yes Php Default Timezone: UTC Php Fsockopen: Yes Php Max Input Vars: 20000 Php Max Upload Size: 2 GB Php Memory Limit: 1024M Php Post Max Size: 2047M Php Soap: Yes Php Suhosin: No Php Time Limt: 30 Php Version: 7.3.15-pl0-zoneos Software: Apache / ZoneOS Wp Memory Limit: 40M Browser ------------------------------------------- HTTP USER AGENT: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.163 Safari/537.36 Theme ------------------------------------------- Name: OceanWP Version: 1.8.2 Themeuri: https://oceanwp.org/ Authoruri: https://oceanwp.org/about-me/ Template: Child Theme: No Llms Support: No Plugins ------------------------------------------- Contact Form 7: 5.1.7 Duplicator: 1.3.28 Elementor: 2.9.7 Elementor Pro: 2.9.2 Essential Addons for Elementor: 3.9.2 LifterLMS: 3.37.17 Lightbox with PhotoSwipe: 2.81 Ocean Extra: 1.6.2 Popup Maker: 1.9.2 Premium Addons for Elementor: 3.12.1 Query Monitor: 3.5.2 UpdraftPlus - Backup/Restore: 1.16.23 Wordfence Security: 7.4.6 WPML Multilingual CMS: 4.3.11 WPML String Translation: 3.0.8 Yoast SEO: 13.4.1 Integrations ------------------------------------------- BbPress: No BuddyPress: No Template Overrides -------------------------------------------Hi @rubidze,
.llms-access-plans.cols-5 .llms-access-plan { display:block; width: 100%; } .llms-access-plan-content { height: unset !important; }This should help with the sizes of the containers. You may want to change and adjust the width and height settings to get the appropriate proportions.
Does this work for you?
Please let us know if you need any further help!
Thanks and take care,
Thanks @nrherron, your suggestion partially works. When I fix the sidebar, then I still have problems with main (wider) area. In main content area enrollments get stretched too wide.
I managed to add
.widget-areabefore your suggested CSS and now it affects only widget area. THe whole CSS looks like this:.widget-area .llms-access-plans.cols-5 .llms-access-plan { display:block; width: 100%; } .llms-access-plan-content { height: unset !important; }But for main content area I still don’t have a good solution. I added CSS for main content like this:
.content-area .llms-access-plans.cols-5 .llms-access-plan { min-width: 300px; display: block; }But as you can see all enrollments are not lined up correctly and it looks little messy. Do you have any ideas how to solve this one too?
Hi @rubidze,
I apologize for the delay!
For:
.content-area .llms-access-plans.cols-5 .llms-access-plan { min-width: 300px; display: block; }You can set a min-height as well to 500px which should get them to snap into alignment!
I hope this helps!
Let us know if you have any further questions!
Thanks and take care,
-
This reply was modified 6 years, 1 month ago by
Natalie.
-
This reply was modified 6 years, 1 month ago by
The topic ‘Pricing Table columns’ is closed to new replies.