We have based our various email list subscription forms on the standard serviceSubLandingPage webApp template.
Functionally it now works fine (thanks to this forum!).
We styled the form fields in the webapp itself, but we cannot figure out how to override the CSS to get the page width down to 600px, so that it renders in a better way on mobile devices.
We made a new form rendering document, based on the out of box Landing pages form rendering document.
We can see that it references /nl/crmLandingPage.css, and we want to override the .page selector with a width of 600px.
Pretty simple, yes? But when we do this, nothing happens.
From what I've seen in the documentation I can override the styles this way.
I've even copied the entire contents of /nl/crmLandingPage.css into my new Landing Pages form document and deleted the reference to /nl/crmLandingPage.css, and modified the styles there and still no change......am I missing something?
That is basically what I wound up doing. I actually copied the entire contents of /nl/crmLandingPage.css into the template document and KEPT the reference to /nl/crmLandingPage.css, and modified the styles, and voila! It worked. Thank you again.