Home Forums WoodMart – Premium Template How to modify the font style of search title?

This topic contains 7 replies, has 2 voices, and was last updated by Elise Noromit Elise Noromit 1 month, 2 weeks ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #309930

    Candice
    Customer

    Hi,
    I want to modify the font color and weight of search title after click the search icon on header and mobile menu. How can I do it? Thanks.

    Private Content Hidden
    Attachments:
    You must be logged in to view attached files.
    #309939

    Hello,

    You can change the font by means of the Advanced typography option, which allows you to choose the item from a drop-down or insert your custom CSS class. Please navigate to the Theme Settings > Typography > Advanced Typography.

    Here is the documentation providing more detailed instructions: https://xtemos.com/docs/woodmart/advanced-typography-settings/

    Best Regards

    #309957

    Candice
    Customer

    Hi,

    Thanks for your information but I can’t find the code to modify the font style. Could you give me some hint? Thanks.

    #309982

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    body .wd-search-full-screen .searchform input[type="text"]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
      color: red;
      opacity: 1; /* Firefox */
    }
    
    body .wd-search-full-screen .searchform input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10-11 */
      color: red;
    }
    
    body .wd-search-full-screen .searchform input[type="text"]::-ms-input-placeholder { /* Microsoft Edge */
      color: red;
    }

    Best Regards

    #310046

    Candice
    Customer

    Hi,

    Thanks for your help. Can I have the code on mobile menu for mobile view as well? Thanks.

    Attachments:
    You must be logged in to view attached files.
    #310094

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    body .mobile-nav .searchform input[type="text"]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
      color: red;
      opacity: 1; /* Firefox */
    }
    
    body .mobile-nav .searchform input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10-11 */
      color: red;
    }
    
    body .mobile-nav .searchform input[type="text"]::-ms-input-placeholder { /* Microsoft Edge */
      color: red;
    }

    Best Regards

    #310201

    Candice
    Customer

    Hi,

    It works well. Thanks for your support.

    #310229

    We are always happy to help you, write to us when you have any difficulties or issues with our theme.

    We would be grateful for 5 stars rate on http://themeforest.net/downloads in case you are satisfied with our theme and customer service

    Thank you in advance

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

The topic ‘How to modify the font style of search title?’ is closed to new replies.