Customizing Accordion

[mudgal 0]

Hi,

 

I tried to customize an accordion created using the pl_accordion shortcode using css in the "Custom CSS / LESS" section of the Site Options.  Here is the code I used:

.accordion .accordion-heading {
  .background-color:#000000;
  .color:#ffffff;
}

However, the styling doesn't show on the page, presumably because the accordion style properties are set by script and not by CSS?  Or perhaps I am doing something wrong here?  How can I get nice black accordion headings with white text on them?

 

Regards,

Sumit

[mudgal 0]

Ok, my bad.  I was using a dot before the CSS properties I was trying to set.  Removed it.  It works now.  Kind of embarassed, and was trying to find a way to delete this post completely but couldn't do that.  I should probably get some sleep before working further on my site!