Can't override css with inline css in homepage slider

[qzelle]

If you go to the slide "THANK YOU" there are buttons that are lined up on the left side. The "YES" buttons are formatted correctly, but they aren't displaying inline along the bottom nor are they linking. Here's the site I'm working on: http://fractalspin.initializemedia.com/

 

Whenever I try to force them to display using inline css using the Source editor in the slide editor, it removes code and shoves everything around. It also keeps removing the <a href="">s  too.

 

Here's the code right now:

<br><br><br><br><div><a href="http://www.zellestyle.com"><button style="font-family: Arial; color: #ffffff; font-size: 20px; padding: 10px 20px 10px 20px; border: solid #ffffff 4px; text-decoration: none;">YES</button></a><a><button style="font-family: Arial; color: #ffffff; font-size: 20px; padding: 10px 20px 10px 20px; border: solid #ffffff 4px; text-decoration: none;">YES2</button></a> <button class="btn-sq">Zelle Jewelry </button><a href="http://www.subvariant.com"><button>subVariant Recordings</button></a> <a href="http://www.lizrevision.com"><button>Liz Revision</button></a></div>

Thanks in advance!

Edited July 31, 2015 by qzelle (see edit history)

[NemoPS]

Could you share the site's url?

[qzelle]

Whoops! Sorry Nemo1, I added it. Thanks for checking it out.

[NemoPS]

Try to disable the HTML purifier, then see if you can style the buttons with inline css

[qzelle]

Thanks! That totally worked. I'm glad there's a switch for that in the settings.