• Resolved Rubidze

    (@rubidze)


    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.
Viewing 7 replies - 1 through 7 (of 7 total)
  • 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.

    Thread Starter Rubidze

    (@rubidze)

    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?

    @rubidze

    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.

    Thread Starter Rubidze

    (@rubidze)

    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,

    Thread Starter Rubidze

    (@rubidze)

    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-area before 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.
Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Pricing Table columns’ is closed to new replies.