WooCommerce checkout page – conflict with Kale

  • Resolved Yrmegard

    (@yrmegard)


    4 months, 1 week ago

    I’ve used Kale for years and I’m very happy with it. However, I’ve run into a problem while setting up a tiny shop using Woocommerce. The position of labels for input fields on the checkout page is off, so that the labels overlay either the explanatory text under the input fields or the actual input. I have checked for other conflicts, but none of the very few plugins installed seem to cause this. Switching to Storefront theme solves the issue, returning to Kale produces the same result:

    Grateful for advice regarding possible solutions.

    • This topic was modified 4 months, 1 week ago by Yrmegard.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Steven (LyraThemes)

    (@stevenlyrathemes)

    Hi @yrmegard,

    Thanks for reaching out, and thank you for using Kale- we really appreciate it!

    When I go to checkout on the site, for some reason I’m not seeing any overlapping…here’s what is showing up for me:

    View post on imgur.com

    Could you let me know how to reproduce the issue you’re seeing? Is it in a certain browser, or does it happen both when logged in and logged out?

    Thanks so much!

    Thread Starter Yrmegard

    (@yrmegard)

    Hi @stevenlyrathemes,

    Thanks a lot for looking into this and for confirming that you see no overlap. It seems that the fault was actually mine. After I had posted here I made another attempt to find the source of the problem. It turned out that css selector I used in additional css section in order to define label elements on the product pages was not specific enough, so the labels on the checkout page were also affected. So it was a matter of using 

    .variations label

    for product page and 

    #shipping label, #contact label

    for checkout page labels.

    So the theme works perfectly and I’ve got more experience in troubleshooting my own css. ??

    Thanks again.

    Steven (LyraThemes)

    (@stevenlyrathemes)

    Oh, I see what you mean…nice job tracking it down, and thanks for letting us know! ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.