MaewRS

[CSS] FAQs Accordion with switching icon

Dec 2nd, 2020
979
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. .faq-accordion .panel-default{
  2.     margin-bottom: 15px;
  3.     border: 0;
  4. }
  5.  
  6. .faq-accordion .faq-item{
  7.     border: 1px solid #ddd;
  8. }
  9.  
  10. .faq-accordion .panel-default{
  11.   box-shadow: none;
  12. }
  13.  
  14. .faq-accordion .panel-body{
  15.     padding: 0;
  16.     padding-top: 15px;
  17. }
  18.  
  19. .faq-accordion .panel-heading{
  20.     border-radius: 4px;
  21. }
  22.  
  23. .faq-accordion .panel-heading i{
  24.     float: right;
  25.     color: #8CC63F;
  26.     position: absolute;
  27.     right: 30px;
  28.     margin-top: 5px;
  29. }
  30.  
  31. .faq-accordion .panel-default>.panel-heading+.panel-collapse .panel-body,
  32. .faq-accordion .panel-group .panel-heading+.panel-collapse .panel-body{
  33.     border-top: 0;
  34. }
  35.  
  36. .faq-accordion .panel-body p{
  37.     margin:0;
  38. }
RAW Paste Data