Using "card" style on Featured Articles?

[JAVesey]

Hi,

Using Cassiopeia on my J4 site. Modules on the homepage have the "card" style, either set manually in, e.g. the "main top" position, or inherited (sidebar right).

The only items not having the "card" style on the homepage are the Featured Articles.

I'm thinking that the homepage would look better and little more "together" if the Featured Articles all had the "card" style individually.

Any ideas as to how to achieve this? CSS code added to user.css maybe?

Many thanks in advance

[AMurray]

Isn't "Card" a bootstrap style?
https://www.w3schools.com/bootstrap5/bo ... _cards.php

Is that what you mean? (that the type of look you're wanting)?

[JAVesey]

Cheers Andy,

That's the one! How do I use it, though, i.e. apply the .card-header and .card-body to individual articles and, more importantly to me, Featured Articles? Presumably some code in user.css?

Many thanks

[AMurray]

I thought bootstrap is already loaded in J4 (?). So you just use the class names in your <div> or <p> etc,. in your articles. I don't know how to apply it to say the featured articles or blog layouts under menu items.

Possibly your idea of user.css is correct.

I might be on the wrong track entirely, but will be interested in others' ideas

[JAVesey]

I might be on the wrong track entirely, but will be interested in others' ideas

Me too

Might have a "play" over the weekend. Thanks for the replies, as always.

[Per Yngve Berg]

Override the Featured Articles Layout and add the classes.