You are viewing limited content. For full access, please sign in.

Question

Question

CSS in Modern Designer

asked on September 9, 2021

How do you apply CSS to individual fields in the new modern designer?  We found CSS in the themes section but when we apply the same CSS we had in the older designer it doesn't do anything.   Are we missing something, is there any documentation about this to show the new field are identified and how to have form-specific CSS as opposed to theme-specific css.  

Also, when a form is converted it puts the CSS classes on the fields but I can't find those classes anywhere, and when we add them to the CSS area of themes still nothing happens. 

 

Here is an example of a CSS piece that worked on an old form but not on the new "modern" forms.

#form-title-wrap {text-align: right;}

0 0

Answer

SELECTED ANSWER
replied on January 24, 2024 Show version history

Finally getting back to this.  The fix is to address the form-title class.

.form-title {text-align: right;}

 

1 0

Replies

replied on September 9, 2021 Show version history

A lot of the class names and hierarchy have changed in the new designer.  Use the Developer window (F12) to locate the elements to see what the new classes and hierarchy should be.

2 0
replied on July 27, 2022

Hi,

Im also having issues with this.

All im trying to do is duplicate a CSS line that i used in the old version...

 #q373 .cf-label {width: 100% !important; text-align:left;}

Can someone please detail the best way to achive this using a modern form.

Thanks 

0 0
replied on September 23, 2023

More than a year later and no reply. Did you ever figure it out, or just drop LF Forms for something else?

I've basically lived on computers since 1984 and programmed for the last 35+ years and I still can't figure out how to make CSS in LF Forms work correctly. 

0 0
SELECTED ANSWER
replied on January 24, 2024 Show version history

Finally getting back to this.  The fix is to address the form-title class.

.form-title {text-align: right;}

 

1 0
You are not allowed to follow up in this post.

Sign in to reply to this post.