Action buttons in MY-ACCOUNT page endpoints not displaying properly

  • Unknown's avatar
    facelegendary778e872d7d · Member ·

    I am using Sensei’s Course template on my website for creating an online course. All buttons manually added to the home page display and function properly, and the home page was heavily edited from Twenty Twenty. However, when I added the course main page using Sensei’s template with Elementor editing, the START COURSE button displayed properly, but when I previewed it, it turned into a tiny rectangle with another color. I was able to correct that issue by adding additional CSS to Appearance>customize>additional CSS. However, when I built my MY-ACCOUNT page using Woocommerce endpoints, the endpoint calls had the same tiny yellow rectangle problem that I experienced on the course overview page. I have tried CSS code in FunnelKit, code snippet .php settings, nothing seems to work. Curious if there is a way to override button settings in Woocommerce to apply to endpoint calls. .elementor-kit-234 button is controlling the buttons on the MY ACCOUNT page. Below are screenshots.

    The blog I need help with is: (visible only to logged in users)

  • staff-danywpress · Staff ·

    Thanks so much for the additional detail and screenshots, they’re very helpful in understanding what’s going on.

    From what you’ve described and shown, it looks like the display issue on the My Account page is being caused by global styles applied by Elementor, specifically the .elementor-kit-234 class. This class controls button styling across Elementor-edited pages and appears to be overriding the default WooCommerce button appearance on your endpoint views.

    Since these endpoint sections aren’t directly editable in Elementor, but still inherit Elementor’s global design settings, styling inconsistencies like this can sometimes happen.

    Customizing or overriding styles in this context is outside our scope of support, as we’re not able to assist with writing or validating custom code or plugin-specific behavior. For more in-depth help, please visit the Elementor Help Center:

    https://elementor.com/help/

  • Unknown's avatar
    facelegendary778e872d7d · Member ·

    Thanks. Your idea that .elementor-kit-234 is overriding Woocommerce code spurred an idea. I replaced the my-account page template with a new template and solved the problem without affecting the remaining pages. Thanks for your assistance!

  • staff-danywpress · Staff ·

    Hi @facelegendary778e872d7d!

    I’m happy to hear that I was helpful in finding other means to resolve the issue! If anything else comes up or you’d like a second pair of eyes on future tweaks, don’t hesitate to reach out. I’ll mark this as Closed/Resolved for now.

  • The topic ‘Action buttons in MY-ACCOUNT page endpoints not displaying properly’ is closed to new replies.