Full Screen search – How to change font size of "Search products" very big field

Hi,

When you activate full screen search widget in header. By clicking on the icon, a “very big” typing field opens with written “Search for products” (Recherchez des produits).

How can i change font style and size for this zone ?

Thanks for your help.

Best regards,

Emmanuel

Attachments:

You must be logged in to view attached files.

Hello,

You can change the font style and size in Advanced Typography. You can find more information here: https://xtemos.com/docs/woodmart/advanced-typography-settings/

Best Regards

Hello,

i tried to use advanced typography.
I succeeded in changing font type, but can’t decrease font size.
What did i do wrong ?

Thanks

Best regards,

Emmanuel

Attachments:

You must be logged in to view attached files.

Hello,

Try to use this class: .searchform ::-webkit-input-placeholder

Or add this code to the Theme settings > Custom CSS > Global

.searchform ::-webkit-input-placeholder { font-size:12px!important; }
.searchform :-ms-input-placeholder { font-size:12px!important;  }
.searchform ::-ms-input-placeholder { font-size:12px!important;   }
.searchform ::placeholder { font-size:12px!important;  }

Change font-size as per your needs and you can add other styles into the code.

Best Regards

Hello,

Thanks for the pièce of CSS. Works just fine for « search the product » label font size, but not the font size of the search you type in. Could you give me a complément for that ?

Thanks,

Best regards,

Emmanuel

Hello,

Please use this code:

body .searchform input[type=text]{
	font-size: 12px;
}

Best Regards

[Author]

Posts