WordPress.org

Ready to get started?Download WordPress

Forums

JBST
[resolved] radio button - checkout page (4 posts)

  1. mozarty
    Member
    Posted 2 months ago #

    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.

  2. bassjobsen
    Member
    Theme Author

    Posted 2 months ago #

    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

  3. bassjobsen
    Member
    Theme Author

    Posted 2 months ago #

    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

  4. mozarty
    Member
    Posted 2 months ago #

    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

Reply

You must log in to post.

About this Theme

About this Topic