Changing Font family and Size of input text and search result drop down

Hi!

Use this custom CSS to do that:

.asl_m .probox input,
.asl_r * {
    font-size: 19px !important;
    line-height: normal;
}

All the best,
Ernest

Thank you. Works perfectly.

You are very welcome ??

I will mark this topic as resolved now. Feel free to rate the plugin if you like it, it helps us tremendously.

All the best,
Ernest

Heya!
Editing this post 3rd time…. Found the thing! ?? have a great coffee!

• This reply was modified 1 month, 1 week ago by olafsosh.
• This reply was modified 1 month, 1 week ago by olafsosh.

No worries ?? In case anyone needs it in the future, this is the solution to change the font family as well:

.asl_m .probox input,
.asl_r * {
    font-family: "Open Sans" !important;
    font-size: 19px !important;
    line-height: normal;
}

All the best,
Ernest

OK, won’t do the 4th edit.

I posted this code into Custom CSS and everything works:

ajaxsearchlite1 > div > div.proinput > form > input.orig, ajaxsearchlite2 > div > div.proinput > form > input.orig {

color: #b8b8b8 !important;
font-family: "Work Sans" !important;
font-size: 20px;

}

.asl_m .probox * {
font-family: Work Sans !important;
}
.asl_r * {
font-family: Work Sans !important;
font-size: 16px !important;
line-height: normal;
}

—————–

BUT, for mobile versions I have Popup for search and there everything works except Font Size – it switches to black. Wjyyyyeeey? ??

You are missing the !important modifier, it does not override the element style without it in this case:

font-size: 20px !important;

All the best,
Ernest

I am sooo sorry!
I have no idea, why I wrote Font Size. I meant COLOR!
And there is an !important modifier :/

Probably the CSS rule specificity is low, as well as the placeholder has to be targeted separately. This works for me:

.asl_m .probox input,
div.asl_m .probox form input.orig::placeholder,
.asl_r * {
    font-family: "Open Sans" !important;
    font-size: 19px !important;
    line-height: normal;
    color: red !important;
}

Isn’t this part responsible for text in the box?

https://i.imgur.com/cHEs5tw.png

edit: I noticed, that changing the font size also has no effect within the popup.

edit2: Bah! In Elementor the font Work Sans does show up, but does not in live page – it defaults to Open Sans.

• This reply was modified 1 month, 1 week ago by olafsosh.
• This reply was modified 1 month, 1 week ago by olafsosh.

Yes, very weird. Within Header the search box shows up beautifyllu, but within popup the text loses its color. Considering the Background is black, the input is invisible.

There is probably an CSS rule override somewhere. Can you please open a separate topic with that? If you want I can take a look.

All the best,
Ernest