Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #16278

    I noticed that the text elements (dt, dd) overlap each other, and this only happens on the View Recent Order page. It occurs at two places:

    1. Order Details – under the Product name

    2. Customer Details – first line showing the email address

    I can provide a screenshot but let me know how to attach it.

    I’ve tried to upgrade Woocommerce from 1.6.1 to latest 1.6.5.2 and upgrade Propulsion theme to 1.6 and the issue remains the same. Please help to identify the fix. Thanks.

    #90902

    Hi,

    Maybe you can try this on your custom.css

    #top.woocomerce-checkout .avia_select_fake_val {
    display: none;
    }

    Regards,

    Ismael

    #90903

    I found that the problem seems to be caused by line 1138 in woocommence.mod.ccs.

    .woocommerce-account dt{width:30px; display:block; font-weight: bold;}

    Once I remove width:30px, the overlapping text issue was resolved. Should I change this directly in the CSS file? Or would you suggest a different code to add to the custom CSS?

    #90904

    Hi,

    It is better to put it on your custom.css. In case you update your theme you just need to have a copy of the custom.css.

    Regards,

    Ismael

    #90905

    I added this to my custom css:

    dd {margin-left: 50px;}

    Puts the customer email and phone details enough to the right so no overlap, solves it and doesn’t seem to affect anything else.

    #90906

    Hi wildrays,

    Glad that you’ve fixed it. :)

    Cheers,

    Ismael

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

The topic ‘Overlapping text on View Recent Order page’ is closed to new replies.