I want the text in right bottom look bigger in card view. Can someone help?
This is the caption element in a card list.
.bottom-right-overlay [data-test="app-avatar-text"] {
font-size: 1.5rem;
font-weight: bold;
color: red;
top:5px, 5%}
Can you make the card itself larger - as it gets squished from top and bottom if the font gets bigger.
I found the answer, @wajeeha !
I got inspiration from the CSS notion Notion – The all-in-one workspace for your notes, tasks, wikis, and databases.
- and used it to figure out:
- how to make the CSS for the card component taller, and then change the font of the elements I needed
<pre><span><style>
.bottom-right-overlay [data-test="app-avatar-text"] {
align-items: center;
line-height: 2.4rem;
font-family: "Nunito Sans";
font-size: 1.8rem;
font-weight: bold;
color: black;
background-color: #f3f6f4;
top:15px, 5%
}
tada!
2 Likes
This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.