• Resolved Leo.Lin

    (@bi1012037)


    Version:3.0.12
    The div containing General | WooCommerce | REST API | Tools should be placed inside the <form> element with the ID mainform.
    Because it was written outside of this form, the navigation bar and the top menu display an unusual gray area.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Support muddasirhayat

    (@muddasirhayat)

    Hi @bi1012037,

    Thank you for reaching out to us. We hope you are doing well.

    Based on the provided screenshot, it appears that the unusual gray area is caused by the padding added after a specific element on your website. We have also checked our site and did not observe the unusual gray area on the frontend. Additionally, we do not see the extra padding that you have indicated in your inspect element. Reference: https://ibb.co/Q7GGMPx6

    Regarding the suggestion that ‘General | WooCommerce | REST API | Tools’ should be positioned within the element, our team has already implemented the necessary user interface adjustments, which will be released in our upcoming update.

    Thanks & Regards,
    WP Experts Support Team

    Thread Starter Leo.Lin

    (@bi1012037)

    Hello,
    The possible reason is that I’m using the latest version of WooCommerce(10.2.1). Its newest styling does include margins, which is why the <div> element that isn’t placed inside the <form> ends up misaligned.

    CSS

    body.woocommerce_page_wc-settings #mainform {
    padding: 0 30px 40px;
    background: #f0f0f1;
    }

    @bi1012037 have the same “gray” area, same version 10.2.1

    @muddasirhayat your version shows as 9.9.5 as per your screenshot.

    also why this was marked as resolved if its not yet?

    Thread Starter Leo.Lin

    (@bi1012037)

    @koullis

    The layout issue was identified as being caused by the new WooCommerce styles. The plugin support team has stated that they will consider moving the affected area inside the <form> in the next release.

    If it’s a CSS issue, you can simply customize it using the CSS code below to fix it.

    Since the cause has been confirmed and it’s purely a CSS problem, the ticket has been marked as resolved for now.

    Self-fix Reminder: It’s recommended to wait for the Plugin Support team’s next update. If you prefer to modify it yourself, add a custom class (e.g., {your_class_name}) only on the page page=wc-settings&tab=lmfwc_settings to adjust the padding. Otherwise, it may affect the margins on other pages. Reference

    CSS code:

    .debug_style {
    padding: 0 30px 0px !important;
    }

    ok thank you for your reply. most likely will wait for the update

    Plugin Support muddasirhayat

    (@muddasirhayat)

    Hi @bi1012037 @koullis,

    Thank you for your assistance and cooperation.

    You are correct; the issue has been identified and escalated to our development team. We will include these fixes in our upcoming release update.

    Thank you

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Backend License Manager Layout Issue’ is closed to new replies.