我在Amplify中使用Figma构建的组件。这里的组件是卡片集合。我想做的是更改一个卡片集合中特定字段的字体大小。下面是仔细检查页面的样子(见下文)。突出显示的部分是我要更改的区域。
我在我的css文件(如下)中尝试了这个构造,但没有效果。
.styled-text .amplify-flex .amplify-collection .amplify-collection-items .amplify-text {
font-size: 44px;
}
我使用.styled-text
的方式如下(下图)。
<KatsuKappoCardioCardCollection className="styled-text"/>
我做错了什么?
1条答案
按热度按时间im9ewurl1#
由于您使用Amplify Studio自动生成代码,因此最好的方法是使用
overrides
prop覆盖Amplify样式,如本文所述:https://amplify.aws/learn/courses/Fullstack-for-Frontend-Developers-e7319/lessons/9