Title: Custom CSS
Last modified: August 31, 2016

---

# Custom CSS

 *  Resolved [martyebarnes](https://wordpress.org/support/users/martyebarnes/)
 * (@martyebarnes)
 * [10 years ago](https://wordpress.org/support/topic/custom-css-151/)
 * It appears that the blue highlight, blue magnify glass and pagination are set
   at the plugin level (not locally). I tried to override these with CSS settings
   in my Simple Custom CSS plugin and it doesn’t seem to override. Is there a way
   to change the colors to make the search blend with your site better?
 * [http://caseyscircle.org/search/?q=casey](http://caseyscircle.org/search/?q=casey)
 *     ```
       #siq_search_results
       .srch-btn-box .inp-srch-btn {
           background: #63317f url(../../../img/custom-search/search-icon.png) no-repeat 18px 10px !important;
           height: 42px !important;
           width: 56px !important;
           position: absolute !important;
           top: 0px !important;
           right: 0 !important;
           cursor: pointer !important;
           border: 0 !important;
           box-shadow: none !important;
           outline: none !important;
           border: 1px solid #63317f !important;
       }
       .srch-btn-box .inp-srch-btn:hover {
           background: #f0d6ff url(../../../img/custom-search/search-icon.png) no-repeat 18px 10px !important;
       }
       ```
   
 * [https://wordpress.org/plugins/searchiq/](https://wordpress.org/plugins/searchiq/)

Viewing 7 replies - 1 through 7 (of 7 total)

 *  Plugin Contributor [saurabhjaluka](https://wordpress.org/support/users/saurabhjaluka/)
 * (@saurabhjaluka)
 * [10 years ago](https://wordpress.org/support/topic/custom-css-151/#post-7342192)
 * for now you can add “body” in front of the override like this
    “body #siq_search_results.
   srch-btn-box .inp-srch-btn” but we are working on that and soon we will provide
   the flexibility to override our css via the plugin dasbboard. I will notify you
   once it is ready.
 *  Thread Starter [martyebarnes](https://wordpress.org/support/users/martyebarnes/)
 * (@martyebarnes)
 * [10 years ago](https://wordpress.org/support/topic/custom-css-151/#post-7342193)
 * That’s great news! Hopefully the next version is out soon. Thanks!
 *  Plugin Contributor [saurabhjaluka](https://wordpress.org/support/users/saurabhjaluka/)
 * (@saurabhjaluka)
 * [9 years, 12 months ago](https://wordpress.org/support/topic/custom-css-151/#post-7342250)
 * please update the plugin, and you can find the text area in options tab for css
   override.
 * let me know if you have any questions.
 *  Thread Starter [martyebarnes](https://wordpress.org/support/users/martyebarnes/)
 * (@martyebarnes)
 * [9 years, 12 months ago](https://wordpress.org/support/topic/custom-css-151/#post-7342251)
 * I installed the update, and I do have an option in the plugin setting to add 
   custom css now. However, it does not appear to be working. It says to put the
   code in the box then click anywhere outside the box to have the code saved. I
   did this and when I go to see if the blue has changed to purple it has not. I
   go back to the plugin setting and the code I added is no longer there. I copied
   in the same code as I have above the body tag you suggested I add as well.
 *  Plugin Contributor [saurabhjaluka](https://wordpress.org/support/users/saurabhjaluka/)
 * (@saurabhjaluka)
 * [9 years, 12 months ago](https://wordpress.org/support/topic/custom-css-151/#post-7342252)
 * could please clear you cache and try it again.
 *  Thread Starter [martyebarnes](https://wordpress.org/support/users/martyebarnes/)
 * (@martyebarnes)
 * [9 years, 12 months ago](https://wordpress.org/support/topic/custom-css-151/#post-7342253)
 * I’ve cleared everything and tried a few different times. The code is not saving.
   When I go back in to check the box is empty each time.
 *  Plugin Author [SearchIQ](https://wordpress.org/support/users/searchiq/)
 * (@searchiq)
 * [9 years, 11 months ago](https://wordpress.org/support/topic/custom-css-151/#post-7342286)
 * we have redo our css customization and handling. Please update your plugin and
   retry. We will help you along the process this time.

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Custom CSS’ is closed to new replies.

 * ![](https://ps.w.org/searchiq/assets/icon-256x256.png?rev=3261307)
 * [SearchIQ - The Search Solution](https://wordpress.org/plugins/searchiq/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/searchiq/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/searchiq/)
 * [Active Topics](https://wordpress.org/support/plugin/searchiq/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/searchiq/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/searchiq/reviews/)

 * 7 replies
 * 3 participants
 * Last reply from: [SearchIQ](https://wordpress.org/support/users/searchiq/)
 * Last activity: [9 years, 11 months ago](https://wordpress.org/support/topic/custom-css-151/#post-7342286)
 * Status: resolved