Need to make "dg" bigger with CSS

I want the text in right bottom look bigger in card view. Can someone help?

Screenshot 2022-01-28 161506

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.