css 如何在Amplify列表组件中更改字体大小?

5uzkadbs  于 2023-05-30  发布在  其他
关注(0)|答案(1)|浏览(118)

我在Amplify中使用Figma构建的组件。这里的组件是卡片集合。我想做的是更改一个卡片集合中特定字段的字体大小。下面是仔细检查页面的样子(见下文)。突出显示的部分是我要更改的区域。

我在我的css文件(如下)中尝试了这个构造,但没有效果。

.styled-text .amplify-flex .amplify-collection .amplify-collection-items .amplify-text {
    font-size: 44px;
}

我使用.styled-text的方式如下(下图)。

<KatsuKappoCardioCardCollection className="styled-text"/>

我做错了什么?

im9ewurl

im9ewurl1#

由于您使用Amplify Studio自动生成代码,因此最好的方法是使用overrides prop覆盖Amplify样式,如本文所述:
https://amplify.aws/learn/courses/Fullstack-for-Frontend-Developers-e7319/lessons/9

相关问题