How to change the size of the "search" text in the searchbar

[zeerodger27]

Hello,

How to change the size of the "Search" text in the search bar.

I have highlighted in the image with yellow color

[Harish KM · Accepted solution]

Hi @zeerodger27 ctrl right click on that search --> click on instance page editor like below

Paste this css code like shown above

input {
box-shadow: none;
font-size: 50px; // here you can mention the font size
font-family: inherit;
color: #656E81;
padding: 1.2rem;
height: 4.4rem;
border-bottom-left-radius: 0.8rem;
border-top-left-radius: 0.8rem;
}

[Harish KM · Accepted solution]

Hi @zeerodger27 ctrl right click on that search --> click on instance page editor like below

Paste this css code like shown above

input {
box-shadow: none;
font-size: 50px; // here you can mention the font size
font-family: inherit;
color: #656E81;
padding: 1.2rem;
height: 4.4rem;
border-bottom-left-radius: 0.8rem;
border-top-left-radius: 0.8rem;
}

[Allen Andreas · Accepted solution]

Hi,

Out of box, you can only increase that to "large" and that can be done by using the following. If you press ctrl+right-click on that widget and go to instance options:

{title: 'Not today', size: 'lg'}

Otherwise, you may have to try and tap into the css of this particular element and increase it even larger that way, but then, the page starts to look a little off.