Font Fitting into Search - Support | Kriesi.at

Tagged: Font Fitting

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
May 25, 2023 at 2:20 pm #1408528

Anna_Tewes
Participant

hey
How can I Make the font fitting into the searching field.

Wandelhalle-hamburg.de

May 26, 2023 at 4:18 am #1408615
Ismael
Moderator
Hey Anna_Tewes,

Thank you for the inquiry.

Adding this css code should adjust the size of the post titles in the AJAX search container.
```
.av_ajax_search_title {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1.2em;
}
```
Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css code.

Best regards,
Ismael
May 30, 2023 at 9:54 am #1408994

Anna_Tewes
Participant

Thank you. It worked, but one little problem is still there. The H1 in Red is still too big.

May 30, 2023 at 9:56 am #1408996

Anna_Tewes
Participant

and how can I fix the problem on mobile, when Text or words are too long, so you can’t read the full sentence. It goes over the right border.

May 30, 2023 at 9:59 am #1408998

Anna_Tewes
Participant

June 1, 2023 at 8:42 pm #1409320
Mike
Moderator
Hi,
To change the font size of the red text in your screenshot Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
```
#top #header #menu-item-search .ajax_search_response a.av_ajax_search_entry {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1.2em;
}
```
After applying the css, please clear your browser cache and check.
This is the expected result:

Best regards,
Mike
Author

Posts

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.