Forum | Appery.io

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: