Custom CSS not working

  • skinnerbird

    (@skinnerbird)


    10 years, 10 months ago

    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/ 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/

Viewing 1 replies (of 1 total)
  • themadproducer

    (@themadproducer)

    10 years, 5 months ago

    @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.