• 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;}

The topic WooCommerce Variable Tilte Box is closed to new replies