Title: Custom CSS not working
Last modified: August 30, 2016

---

# Custom CSS not working

 *  [skinnerbird](https://wordpress.org/support/users/skinnerbird/)
 * (@skinnerbird)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/custom-css-not-working-30/)
 * I am trying to change the color of the FAQ title bars, as well as tweak a few
   other elements on my site: [http://www.sebastopolwalks.org/favorite-walks/](http://www.sebastopolwalks.org/favorite-walks/)
   and I get the message that my custom CSS has been successfully updated, but no
   changes to the appearance; looking at element reveals that my custom CSS has 
   been overridden by the default plugin CSS. Is there some additional step needed
   to make the custom CSS work?
 * This is the main change I’m trying to make:
    `.hs-faq-container .ui-accordion.
   ui-accordion-header:hover, .hs-faq-container .ui-accordion .ui-accordion-header.
   ui-state-active { background: #BFD4D4 none repeat scroll 0 0; } Thanks
 * [https://wordpress.org/plugins/hs-simple-faq/](https://wordpress.org/plugins/hs-simple-faq/)

Viewing 1 replies (of 1 total)

 *  [themadproducer](https://wordpress.org/support/users/themadproducer/)
 * (@themadproducer)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/custom-css-not-working-30/#post-6317348)
 * [@skinnerbird](https://wordpress.org/support/users/skinnerbird/)
 * Did you figure it out? Sorry I’m a bit late to reply.
    Here are some that work
   for me.
 * /*Changes background color, border bottom color, removes text shadow*/
    .hs-faq-
   container .ui-accordion .ui-accordion-header { background: #cbb99a; border-bottom:
   1px solid #c2ad89; text-shadow:none; }
 * /*Changes the background color of the active title bar*/
    .hs-faq-container .
   ui-accordion .ui-accordion-header:hover, .hs-faq-container .ui-accordion .ui-
   accordion-header.ui-state-active{ background: #c2ad8a none repeat scroll 0 0;}
 * /*Removes all caps to text*/
    .ui-accordion-header{ text-transform: none !important;}

Viewing 1 replies (of 1 total)

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

 * ![](https://s.w.org/plugins/geopattern-icon/hs-simple-faq_ddd3c4.svg)
 * [Helios Solutions Responsive category FAQ](https://wordpress.org/plugins/hs-simple-faq/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/hs-simple-faq/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/hs-simple-faq/)
 * [Active Topics](https://wordpress.org/support/plugin/hs-simple-faq/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/hs-simple-faq/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/hs-simple-faq/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [themadproducer](https://wordpress.org/support/users/themadproducer/)
 * Last activity: [10 years, 5 months ago](https://wordpress.org/support/topic/custom-css-not-working-30/#post-6317348)
 * Status: not resolved