Forum Discussion

scottc's avatar
scottc
Adept
9 years ago

How to overide CSS for a standard search component

Hi,   I've been working on an issue that I can't seem to solve. We are using the standard search component (common.widget.search-form) for our custom community portal. We need to style it to match ...
  • VarunGrazitti's avatar
    VarunGrazitti
    9 years ago
    scottc - Try this

    #lia-body .lia-content .lia-quilt-column-main-content .lia-component-common-widget-search-form input.search-input
VarunGrazitti's avatar
VarunGrazitti
Boss
9 years ago
scottc - Try this

#lia-body .lia-content .lia-quilt-column-main-content .lia-component-common-widget-search-form input.search-input
  • scottc's avatar
    scottc
    Adept
    9 years ago

    VarunGrazitti Thanks this solution worked. It turns out that I actually had a working solution yesterday as well, but our Lithium staging environment was not updating after changes were saved to the CSS skin file. Lithium Support restarting our staging instance and all is well.

     

    Just for reference, the other working solution I was using before your suggestion was: 

    #lia-body .lia-content .lia-form-inline input[type='text']