Forums

How to add a CSS class to a page component

NickOg 08 Nov, 2020
Hi
I want to add a CSS class to areas or fields and the like. How do I do that? I can't find the CF6 'class' options in CF7.

Regards

Nick
NickOg 08 Nov, 2020
hi
but that would only add my CSS definitions to the form would it not? How do I add a reference to those definitions into a control?

Nick
NickOg 08 Nov, 2020
Answer
I have found the answer to this.
To include a class reference in a control, add an HTML Tag Attribute named 'class'.
JPBleau 29 Dec, 2020
How can we change the icon attribute? using the add custom puts the class in the input and the icon is under input, not inside...
What I want to do is to replace the icon with an image. Or can we put images inside the label ?
NickOg 29 Dec, 2020
I am not quite sure that I understand the question. There is the icon attribute on label in some areas such as 'message'


Or, if that is not it, you could perhaps add an image using css but I have never tried that.
 div.clsBookingRepeater span.clsCourseID::before{
content: 'Course #';
}
JPBleau 29 Dec, 2020
I did put an icon, but chose None. It creates a <i> tag under the input. Using CSS, it is possible to put an image in there, but the class is not changeable in the <i> tag. That would be nice....
Max_admin 03 Jan, 2021
where exactly do you want to place an image ?

if you do not like the icons in the menu then you can write your icon's name, the whole list is available on the font-awesome website here:
https://fontawesome.com/icons?d=listing
Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.
NickOg 03 Jan, 2021
Now that is very useful Max
Thanks
Nick
You need to login to be able to post a reply.