Hello everyone
I am a beginner in this tophic, I really don't know if ask the question correctly.
I have this form: [attachment=0]picture2.png[/attachment]
But I want to make some style adjustment, so the form should acctually look like this: [attachment=1]picture1.png[/attachment]
Is there a way to approach these changes?
greetings Jeri
Hi Jeri,
Yes, probably, You can add CSS to your form using a Load CSS action in the form On Submit event in the Setup Tab.
Bob
Hi Bob,
thank you for your answer. I don't really get it, how I can modify, for example, the submit butten "Anmelden" in my example.
The id of this button is "submit2".
So if I add this code to a Load CSS action :
.submit2{
width: 150px;
height: 45px;
color: red;
}
nothing happens. What did I do wrong?
Hi Jeri,
Please check a CSS tutorial - the selector for an id starts with # (class selectors start with . ). So #submit2 { . . .} should work OK.
Bob
Hi Jeri,
In the default state with the plain textarea box the Display Message editor accepts valid HTML (and CSS). But you need to understand how that works and how to write clean code.
If you click the Switch Editor button then you will see a Rich Text Editor that may be easier to use.
Bob
PS It's bad practice and may beak your page if you add <html> and/or <body> tags in the middle of a page so please leave them out of your custom code.
I've already discovered this editor, but I can't find the option to determine font family/size.
Hi Jeri,
Formats | Headers offers you a range of Headers in different sizes, If that isn't what you need you can still turn off the Rich Text Editor and add plain HTML + CSS to achieve pretty much any formatting you like.
Bob
Hi Bob,
Thanks for the information.
I also googled some other issues that I don't want to ask here, but in many forums, they are talking about the chronocontact.php data, but I can't find it, I'm sure I searched everywhere where it could be.
So where exactly is it?
Hi Jeri,
I have no idea what the chronocontact.php data is. In earlier versions of ChronoForms there were files named chronocontact,php but I don't think that you need to do anything with them, and anyhow they don't exist in the latest versions.
Bob
Hi Jeri,
That is a ChronoForms v4 file, which version of ChronoForms are you using?
Bob
Hi Bob,
I am using v5, is it possible in this version to make any changes?
sorry for asking so many questions.
But I also wanted to insert a line. This should be easy done with <hr> and works fine. In addition, I want some lines to be black, so I added some tags: <hr color="black" width="680px">, in other html editors, the line displays correctly, but not in the form I placed it. There is only the normal line displayed (the <hr> line).
Hi Jeri,
Where are you putting this <hr> tag?
Possibly replacing the " with ' will help here - some ChronoForms locations don't allow them.
In both ChronoForms v4 and v5 the 'correct way to add styling it to use the Load CSS action.
Bob
PS In CFv5 the Tooltip CSS may be in /libraries/cegcore/assets/gplugins/gtooltip/gtooltip.css or in libraries\cegcore\assets\gplugins\gvalidation\gvalidation.css Your browser web develop tools will tell you exactly what is being used on your site. I strongly recommend that you do **not** change these files.
I won't, but is there a way to change the "This field is required"-text?
Hi Jeri,
You can add custom error message to the Title box of the element you are validating. That will over-ride the default messages for that element.
Bob