• Closed
  • Jason Dalgliesh
    Spectator
    21.01.2015 at 18:03 #14501

    I am using woocommerce variations. When viewing the product in Safari or FireFox the variable dropdown box cuts the top line of the box border off. Any ideas on how i can fix this.

    Thanks.

    Alok Maheshwari
    Spectator
    Posts: 303
    21.01.2015 at 18:50 #14502

    What is your site url? Also provide a screenshot so that it is easy to understand the issue.

    Jason Dalgliesh
    Spectator
    Posts: 8
    21.01.2015 at 18:58 #14503

    Here is a link to site
    http://outwandering.net/product/kids-team-hat/

    can’t get screen shot img to paste.

    Alok Maheshwari
    Spectator
    Posts: 303
    21.01.2015 at 19:33 #14504

    Use imgur.com and paste the links here.

    Jason Dalgliesh
    Spectator
    Posts: 8
    21.01.2015 at 19:57 #14505

    Screen shot link: http://imgur.com/9HOYPgI

    Website link: http://outwandering.net/product/kids-team-hat/

    Roman
    Spectator
    Posts: 3147
    22.01.2015 at 19:11 #14524

    this could fix the issue and also the invisible label, insert in the Custom CSS:

    .variations td {border-top:0px;}
    .variations .label {color: #333;}

    Jason Dalgliesh
    Spectator
    Posts: 8
    22.01.2015 at 19:17 #14526

    Thanks for the reply. That changed the title color but didn’t change the border. It still is being cut off.

    Roman
    Spectator
    Posts: 3147
    22.01.2015 at 21:18 #14528

    I don’t see this defined in the custom css:

    .variations td {border-top:0px;}

    Jason Dalgliesh
    Spectator
    Posts: 8
    22.01.2015 at 21:26 #14529

    I put it in but I am not seeing any change.

    Jason Dalgliesh
    Spectator
    Posts: 8
    22.01.2015 at 21:41 #14530

    I am showing same problem in all 3 browsers IE, Safari and FireFox. Didn’t know if that helps at all.

    Roman
    Spectator
    Posts: 3147
    23.01.2015 at 10:45 #14538

    this will fix the issues

    table.variations {border-top:0;}
    .variations td {border-top-color:#E0DDDD;}
    .variations .label {color: #333;display: table-cell;vertical-align: middle;}

Viewing 10 replies - 1 through 10 (of 11 total)