weird dotted lines showing around the credit card entry boxes on my site

There a css as follows

#payment div.payment_box .wc-credit-card-form {
     border: 1px dashed; 
}

If you comment out above that would go fine

Hi Nazrul, thanks for your reply.

Where would I find this css? Where do I edit it?

Sorry – I am not very experienced. Please tell me where to find this CSS

Cheers

Brad

Hi Brad , you can add in themes css file

Hi Nazrul,

I really do not understand what you mean.

I have tried adding the above code to my theme’s custom css file, and it does not help.

Please let me know the exact code and the exact name of the file that I need to add this code to.

Thanks

Brad

Hi Nazrul,

I need to add the code to my child theme, otherwise the problem will come back every time I update the theme.

I would really appreciate if you can let me know what code to add to my child theme’s style.css file!

Thanks

Brad

Hi Brad ,

Add this to your child theme.

#payment div.payment_box .wc-credit-card-form {
     border: none !important ; 
}

• This reply was modified 7 years, 10 months ago by syednazrulhassan.

Hi Nazrul,

Thanks for your reply!

I tried adding that to my child theme but it doesn’t work. The dotted lines are still there. The same as before. ??

I think it has worked now! Thanks Nazrul ??