I am trying to resize my searchbar on the employee center but is not working

[juanAlarcon]

Hi,

Could you help me with something, I am trying to resize the search bar, but it is not working, not sure why, this is my css,

input {
display: flex;
width: 600px;
height: 46px;
padding: var(--Spacing-spacing-sm, 12px) var(--Spacing-spacing-md, 16px);
justify-content: left;
align-items: left;
border-radius: var(--Radius-XS) px;
border: 1px solid #04BBF1; /* Fallback color for browsers that don't support gradients */
border-image: linear-gradient(to right, #94C12E, #04BBF1, #1D4370) 1;
background: var(--input-input-bg, #FFF);
}

if you could help me solve this, it would be great

[Sujatha V M · Accepted solution]

@juanAlarcon I tried to replicate the above issue and please find my comments below, 

1. On checking the widget, I found that its accommodated within a column and by default the size - md is set to "12"

'

2. On re-sizing the value to "8" or any value less than 12 there was a significant change in the search bar.

Before:

After: 

Please mark this as helpful and accept it as a solution if this resolves your query.

Thanks,

Sujatha V.M.

[juanAlarcon]

Hi, not sure how did you got that options to display, could you please tell me how to achive it as this is what I can see

[Sujatha V M]

@juanAlarcon 

1. From the homepage, press the key combinations of CTRL+ALT+Right Click of the mouse. 

2. Select the Page in Designer, click on the "Column" of the container and then select the "Edit" icon,

3. It brings the pop-up to edit 

Note: Make sure you are on the right scope to capture the updates.

Please mark this as helpful and accept it as a solution if this resolves your query.

Thanks,

Sujatha V.M.

[juanAlarcon]

Thank you!! @Sujatha V M that worked perfectly I was trying to find the option on the widget, but it was on the Column, thenak you so much