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

    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?

    #544733

    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

    #544734

    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!

    #544805

    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

    #544806

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

    #544810

    Nevermind, got it to work, thanks!

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