How do I change the typing font in the search bar / email sign up?

[lukafernada]

[BSS-TekLabs · Accepted solution]

- Here is the solution for you @lukafernada 
- Please follow these steps:
1. Go to Online Store --> Theme --> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head> and press 'Save' to save it

<style>
.search__input.field__input {
    font-family: inherit !important;
}
</style>

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[Made4uo-Ribe · Accepted solution]

Hi @lukafernada 

Check this one. 

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

.search__input.field__input {
    font-family: Cormorant, serif !important;
}

And save. 

Result:

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[BSS-TekLabs · Accepted solution]

- Here is the solution for you @lukafernada 
- Please follow these steps:
1. Go to Online Store --> Theme --> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head> and press 'Save' to save it

<style>
.search__input.field__input {
    font-family: inherit !important;
}
</style>

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[lukafernada]

and what about for the email sign up?

[BSS-TekLabs]

<style>
.search__input.field__input, .newsletter-form__field-wrapper .field__input {
    font-family: inherit !important;
}
</style>

please replace to this code @lukafernada 

[Made4uo-Ribe · Accepted solution]

Hi @lukafernada 

Check this one. 

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

.search__input.field__input {
    font-family: Cormorant, serif !important;
}

And save. 

Result:

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[lukafernada]

wait but what is the class for the email sign up input, so i can change that font?

[Made4uo-Ribe · Accepted solution]

replace for this one. Sign up and search. 

.search__input.field__input, .newsletter-form__field-wrapper .field__input {
    font-family: Cormorant, serif !important;
}

And Save. 

Result:

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[lukafernada]

Thank you !

[PageFly-Amelia]

Hi @lukafernada 

This is Amelia from PageFly - Landing Page Builder App

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code. 

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

.header__search input#Search-In-Modal {

    font-family: cursive;

}

Hope that my solution works for you.

Best regards,

Amelia | PageFly