WordPress.org

Support

Support » Themes and Templates » [Resolved] radio button – checkout page

[Resolved] radio button – checkout page

  • In the “shipping and handling” section of woo’s checkout page, the radio buttons and shipping method text overlap each other.

    I feel certain this is a CSS issue only, as it displays the same when using my own, rather lame, bootstrap based theme… any boostrap based theme I’ve tried, does the same thing.

    It’s under the ‘ul id”shipping_method’ but, I’m unable to sort this out.

    Is the theme author aware of this? And, any advice on it?

    Thanks in advance.

    PS. FWIW, the layout works beautifully in twentytwelve. But, twentytwelve doesn’t use bootstrap.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author bassjobsen
    Participant

    @bassjobsen

    Hi @mozarty,

    Thanks for posting your issue. If you got a screen shot of the problem that will help too. (you can post your issues on github too: https://github.com/bassjobsen/jbst/issues/new)

    Best regards,

    Bass

    Theme Author bassjobsen
    Participant

    @bassjobsen

    Hi @mozarty,

    Bootstrap set the display property of the label to inline-block. Setting the display property to inline seems to fix this issue.

    You can set the display property with Less or CSS:

    .woocommerce #shipping_method label {
    display: inline;
    }

    This issue is not directly related to JBST. I expect this solution will also work for other Bootstrap related themes.

    Best regards,

    Bass

    Hi Bass,

    I came back to post the screenshot as requested and found your css snippet above. Worked great – Thank you!

    No matter how much I dug into this using firebug, I couldn’t track down the issue. Being a novice, doesn’t help! 😉

    And you’re correct, this issue will likely be seen on most any bootstrap based theme. As I said earlier…

    I feel certain this is a CSS issue only, as it displays the same when using my own, rather lame, bootstrap based theme… any boostrap based theme I’ve tried, does the same thing.

    Kudos to you sir, for looking into it. And, for providing the CSS to fix it. The essence of FOSS, at work… and thriving.

    All the best,
    Steve

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘[Resolved] radio button – checkout page’ is closed to new replies.