Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 30, 2015 at 6:38 pm #544716
    Grenville Baker Boys & Girls Club

    Hello,

    I recently purchased the Product Add Ons and Name Your Price extensions for WooCommerce. I think they are great and easy to use, but the problem is they do not appear easily on the website. The input fields for both plug ins are invisible, without any sort of shading or border to make it apparent where my users should be clicking to input data or prices.

    Is there any sort of setting or code I can use to have a border around the input fields or maybe shade them so they stick out?

    November 30, 2015 at 6:51 pm #544733
    Elliott

    Hi Grenville Baker Boys & Girls Club!

    We should be able to give you some CSS to make them more prominent. Can you send us a link to your page where they are displaying? You can set your reply as private if you wish.

    Regards,
    Elliott

    November 30, 2015 at 6:54 pm #544734
    Grenville Baker Boys & Girls Club

    This is the product I am working with. I made it live so you can see.

    As you can tell, it is not apparent where to enter the Name Your Price (the $25.00 is the suggested amount), Name, or Email. Optimally I’d love to have a border around these fields, but if that isn’t possible then shading them would work fine as well.

    Thanks!

    November 30, 2015 at 9:34 pm #544805
    Basilis

    Hey!

    You can target those with:
    #top .main_color .input-text, #top .main_color input[type=”text”]

    which will help you add any class you need.

    You can add a border or a box shadow, I tried the following:

    #top .main_color .input-text, #top .main_color input[type="text"] {
border: 1px solid #000;
}

    and it worked fine, but I guess you can play around with it, more.

    Best regards,
    Basilis

    November 30, 2015 at 9:36 pm #544806
    Grenville Baker Boys & Girls Club

    Do I just add that to Custom CSS or is there anything else I need to do?

    November 30, 2015 at 9:39 pm #544810
    Grenville Baker Boys & Girls Club

    Nevermind, got it to work, thanks!

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘WooCommerce Product Add-Ons Fields Invisible’ is closed to new replies.