FAQs

This entry is part 7 of 7 in the series CSS for Forms

This entry is part 7 of 7 in the series CSS for Forms

‹ Back to Knowledge Base home

The CSS Classes option can be found under any form field by editing the field and then clicking the “Advanced Tab”.

So, if we add the CSS Class of “customclass” below, it allows you to target a specific element on the page with that class:

The results are shown in the highlighted area here:

This adds the custom CSS class to the paragraph that wraps the entire field and label.

You can then target this class with CSS. For example:

#pardot-form .customclass {color: red;}

Note: The #pardot-form targets the form. If you don’t […]

Continue Reading...

‹ Back to Knowledge Base home

Woah there! This is an advanced topic, and requires an understanding of JavaScript. Please proceed with caution.

As a marketer, you may want to create a referral Form, which allows someone visiting your website (the “referrer”) to submit someone else’s information (the “referee”). There’s currently not an out-of-the-box way to accomplish this with Pardot, but this article will outline a way it can be accomplished using an autoresponder Email Template, Custom Fields, a Form Handler, a specially-prepared Layout Template, a Form (or a Form and a Landing Page), and some JavaScript. This is a specialized implementation of the […]

Continue Reading...

‹ Back to Knowledge Base home

Concept

After Ethan Marcotte laid out the principles of responsive web design in a talk at An Event Apart in 2010, Jeffrey Zeldman tagged it “the presentation that launched a thousand redesigns”. A million redesigns would have been a bit more accurate, but the spirit of his quote is more important – this was a revolutionary idea that fundamentally changed how many web designers approach their craft. Many Pardot clients have already gone through a responsive redesign and many more have near-term plans for one. The point of this article is to walk through the […]

Continue Reading...