Hi,
I would like to be able to set the Text size/weight/padding/margin etc of the following items in an IONIC list item.
Heading
Note
Title
Can you tell me what CSS header I need to be able to change these individually please?
I don't want to change every list item, so I will need to use a CSS class (i.e. provide the CSS a name and apply that to the list item CSS entry.
I've managed to change the text entry, but can't figure out how to manipulate the otheres.
many thanks
Hello Andy,
Please add a custom CSS class to that component, and use it in the CSS file
Hi Serhii
I appreciate I need to add a custom CSS class, its the header to use in that class to target the Heading, Note or Title in the list item.
If I simply use a class like:
.listtextentry {
font-size: 4vw;
}
The only item to get altered is the Text item in the list, not the Heading, Note or title.
Please add a custom class to the list item prelist-item/pre
And add a custom CSS file: pre.list-item h2{
color:red;
}
.list-item .item{
color:blue;
}
.list-item .item-note{
color:green;
}/pre
for the heading, the note and the title, you'll get an UI like:
