PayPal Button Not Displaying Correctly

Hi there!

I just put a PayPal payment button on a site I’m developing. In the Avia Layout Builder, I pasted the html for the button into the text editor of a text block. In the visual editor, the drop down menu for selecting an item, the text field below it, and the Buy Now button all look as they should.

On the front end, when I load the page in my browser, there are two problems.

1. The down arrow on the drop-down menu is not displayed, so the user cannot see that it is actually a dropdown, unless the user actually clicks on it.
2. The drop-down menu is not wide enough to display all of the text, so about half of it is cut off.

I’m using WordPress 3.8 and Enfold 2.4.5 with a child theme. The page I’m having trouble with is located at the URL below.
http://www.highermathhelp.com/2013/payments/

I’m guessing it’s a problem somewhere with the CSS. One idea I had was to set the id attribute on the <select> tag for the drop-down, and then to change the styling in my enfold child theme’s style.css file. That didn’t work. Any suggestions?

Thanks!!

• This topic was modified 10 years, 10 months ago by ProMathTutor.