Home

Style not appearing for Material UI Cards?

I’m currently trying to override the default Material UI classes by using useStyles and using a classname of titleSection. Currently, I want the titleSection to be bold and be Roboto font, but those aren’t being applied.

Here is my card:

function ImageCard(props: ImageCardProps) {   const classes = useStyles();    return (     <Card>        <CardHeader title={props.title} className={classes.titleSection} />       </Card>   ); }

And here is my useStyles:

const useStyles = makeStyles((theme: Theme) =>   createStyles({               titleSection:{         paddingBottom: 0,         fontWeight:'bolder',         fontFamily:'Roboto',     },   }) );
Asked on July 16, 2020 in CSS,   ReactJs.
Add Comment
Cancel
0 Answer(s)

Your Answer

By posting your answer, you agree to the privacy policy and terms of service.