• Closed
  • Jason Dalgliesh
    Spectator
    January 21, 2015 at 6:03 pm #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
    January 21, 2015 at 6:50 pm #14502

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

    Jason Dalgliesh
    Spectator
    Posts: 8
    January 21, 2015 at 6:58 pm #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
    January 21, 2015 at 7:33 pm #14504

    Use imgur.com and paste the links here.

    Jason Dalgliesh
    Spectator
    Posts: 8
    January 21, 2015 at 7:57 pm #14505

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

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

    Roman
    Spectator
    Posts: 3147
    January 22, 2015 at 7:11 pm #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
    January 22, 2015 at 7:17 pm #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
    January 22, 2015 at 9:18 pm #14528

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

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

    Jason Dalgliesh
    Spectator
    Posts: 8
    January 22, 2015 at 9:26 pm #14529

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

    Jason Dalgliesh
    Spectator
    Posts: 8
    January 22, 2015 at 9:41 pm #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
    January 23, 2015 at 10:45 am #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)