How to make input box and notification box bigger?

[azzamsa]

Hi, 👋🏽

How do we make the input box and notification box bigger?

Thank you for vimium-c 🥞

[gdh1995]

You may write CSS code to change the UI appearance - see https://github.com/gdh1995/vimium-c/wiki/Style-the-UI-of-Vimium-C-using-Custom-CSS

[gdh1995]

For example:

.HUD { height: 24px; font-size: 20px }
.HUD.UI { height: 26px; }
/* #find */
:host { height: 25px }
.r { height: 25px; }
.r > * { height: 20px; font-size: 20px }

[azzamsa]

I set the width to 9000px but it still so small, how to make it as large as the green line?

.HUD { height: 24px; width: 9000px; font-size: 24px }
.HUD.UI { height: 26px; width: 9000px }

[azzamsa]

@gdh1995 sorry for the ping. Do you have any suggestions?

[gdh1995]

The width is dynamically computed by Vimium C's code so your 9000px won't work. But other CSS styles should work as expected.

This modification needs quite a bit knowledge about CSS, so you may need to read some lessons like https://www.w3schools.com/Css/ first.