How to change the height of the search box

Hi, would you like to answer my questions?

Thanks,
Csongor

Hi Csongor,

You can try these custom CSS codes to change the height, magnifier position and the fonts:

.asl_m, .asl_m * {
    min-height: 40px !important;
    line-height: 40px;
}

.asl_m .promagnifier {
    order: 1 !important;
}

.asl_m input.orig {
    font-family: "Arial" !important;
    font-size: 14px !important;
}

Best,
Ernest M.

Hi, thanks,

This is works beautifully, only one sideffect, though.
The loading icon got streched out, too, to an oval. Screen shot attahed.
Is there a way to keep that to a circle?

Also one of my question wasnt addressed, which, could i make the placeholder text always appear in the middle of the box (so alligned-center)? Because right now im hitting spacebar befor my placeolder text until i feel is in the middle, but if will always look differetn and not fully center alligned on differetn devices.

Thanks, its allready great what you did there.

Csongor

Hi,

Instead of the previous code, you could perhaps try:

.asl_m, .asl_m>*, .asl_m input {
    min-height: 40px !important;
    line-height: 40px;
}

.asl_m .probox {
    align-items: center;
}

.asl_m input.orig {
    font-family: "Arial" !important;
    font-size: 14px !important;
}

Although I can not guarantee a perfect layout with this, height for the Lite version directly coded.

For the placeholder you could try:

input.orig::placeholder {
    text-align: center !important;
}

All the best,
Ernest M.

Hi thanks for the effort, they both work lovely, only one little side affect left,
which is that between the magnifier icon and the first typed letter the gap got way too big which pushes the perfectly text alligned placeholder text to the right a little, so the placeholder text is not completely in the center just in the center of the distance between the starting point of the first typed letter and the right side of the search box(sreenshot attached).

Would there be a way to fix this?

Thanks again, brilliant work,
Csongor