custom css related queries
There are a few questions:
1. I need to reduce the font size
In order to reduce the font size, I added the following custom css:
This reduced the size of the text to what I needed. But, is there a way to change the size of text appearing in the input html tags? Those sizes still remain 16px as seen in following example:
<input class="focus:outline-none bg-transparent px-4 py-4 flex-1 w-full text-input" type="text" placeholder="Type your name..." style="font-size: 16px;">
Is there a way to override this?
2. I need to reduce the bubble spacing/padding.
I used the following custom css:
The guest bubble works fine, but in the host bubble the bottom and right margins do not work. Can check attached images.
1. I need to reduce the font size
In order to reduce the font size, I added the following custom css:
.text-base {
font-size: 14px;
line-height: 20px;
}This reduced the size of the text to what I needed. But, is there a way to change the size of text appearing in the input html tags? Those sizes still remain 16px as seen in following example:
<input class="focus:outline-none bg-transparent px-4 py-4 flex-1 w-full text-input" type="text" placeholder="Type your name..." style="font-size: 16px;">
Is there a way to override this?
2. I need to reduce the bubble spacing/padding.
I used the following custom css:
[data-testid="guest-bubble"] {
padding-left: 8px;
padding-right: 8px;
padding-top: 4px;
padding-bottom: 4px;
}
[data-testid="host-bubble"] {
margin-left: 8px;
margin-right: 8px;
margin-top: 4px;
margin-bottom: 4px;
}The guest bubble works fine, but in the host bubble the bottom and right margins do not work. Can check attached images.
