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
.
