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
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
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?
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
Please check a CSS tutorial - the selector for an id starts with # (class selectors start with . ). So #submit2 { . . .} should work OK.
Bob
I feel so dumb right now.
What I don't really get is how the editor in the ''display message'' works.
If I want to determine the font family or font size, I can't find these optione in the editor.
Even if I use a custome code action, and use the code:
<html>
<body>
<p><font face="Arial">
<font size="14"><b>This is the Title Number one<b/></font></font>
</p>
</body>
</html>
the title will display way too big, not nearly around 14p font size. What am I doing wrong?
What I don't really get is how the editor in the ''display message'' works.
If I want to determine the font family or font size, I can't find these optione in the editor.
Even if I use a custome code action, and use the code:
<html>
<body>
<p><font face="Arial">
<font size="14"><b>This is the Title Number one<b/></font></font>
</p>
</body>
</html>
the title will display way too big, not nearly around 14p font size. What am I doing wrong?
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.
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
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?
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
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
well, I need to change the tooltip, I wanted to make these changes like you described once in a post:
can't find this neither...
Hi spaceodissey,
I'm not sure why but the CSS doesn't match the tip box selector.
If you open /components/com_chronoforms/css/tooltip.css and edit the first line to read
div.tooltipbox {
then the CSS in that block will be applied.
Bob
can't find this neither...
Hi Jeri,
That is a ChronoForms v4 file, which version of ChronoForms are you using?
Bob
That is a ChronoForms v4 file, which version of ChronoForms are you using?
Bob
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).
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.
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.
This topic is locked and no more replies can be posted.
