Thank you, the padding works perfectly, but I haven’t maged to remove the hairlines or make the title bold in iOS.
If I add “font-weight: var(–f7-card-header-font-weight)” to the style section of the f7-card all the card becomes bold. Where should I add it?
And for the hairlines, I tried to add the class “no-hairline” to the f7-card but it makes no difference.
Right, that’s how css works. When you specify a value for a property all children of that element inherit that property value unless something else explicitly set a new value. So if you just set font-weight on the card then every child of the card that doesn’t have its own definition for font-weight will get that one. It doesn’t say so on the card css docs, but it’s possible that in iOS the default value for –f7-card-header-font-weight is different than on the other platforms. Try just explicitly overwriting that variable in the card style to eradicate the iOS specific default.
That’s odd. That class should work for cards. I wonder why it’s not working. Anyway, you can also try to add to the card style:
I’m again stuck with more or less the same.
Thist time I have an oh-list-card instead of a f7-card but again on a computer the title is bold and on iOS it isn’t.
Reviewing Cards | Framework7 Documentation I think it is the expected behaviour, as .ios doesn’t specify “–f7-card-header-font-weight: bold;” as .aurora does. Is this correct?
I’ve tried all my CSS but I coudn’t get the list header bold on iOS. Help, please!
The oh-list-card is one of the special cases. In this case, the style property isn’t actually read so you can’t set css or css variables that way. In order to apply css to the header in the oh-list-card you have to use the more direct option of the stylesheet property which allows you to inject css directly into the page at the location of that element. So in this case you would want something like this: