Form Styling

I found difficult to style iframe content, here are two helpful links

http://webdesign.about.com/od/iframes/a/iframes-and-css.htm
http://stackoverflow.com/questions/217776/how-to-apply-css-to-iframe

Also I am able to style text boxes from developer tools but unable to style button.

On javascript code, do you know how to edit the text color for the button when hovering?

Can you edit the form style to make the fields aligned side-by-side? A horizontally aligned form?

Hi,

I saw this tip on another post in this forum, so thought I would also include it here.

If you’re running wordpress then there is a good plugin (the free/Lite version does most of what you will need) called Magic Action Box . here is the link

Features and Pricing. I use “Lite/FREE version” and am more than happy.

Please note that I am not an affiliate and do not receive any money if you pay for it. I just think it’s a great free plugin to make your forms look so much better for non techies like me who don’t fully grasp css styling.

Pros - allows you to create several ‘themes’ and apply a them to your forms.

Cons - you need to copy the html code from mautic into magic action box. Obviously this means if you update the mautic form, you need to copy the new form html code into magic button.

Make sure you read the tutorial on how to use it in the link above otherwise it’s a bit confusing initially.