Accordions: Fix style issues

If you're experiencing style issues with your accordions:

Use this code to correct them:

/* fix accordion styles */
.icon-minus, .icon-plus{
  float:right !important;
  color: $colorBorder;margin-right: 0.5rem;
}
p.accordion-toggle {padding-left: 0.5rem;}
.accordion { border-bottom:none; }
.accordion-content p{padding-right:1rem;}
/* end of accordion style fix */

Add that code to the very bottom of your assets/style.scss.liquid file. If you currently have Pipeline published, use this link:

https://myshopify.com/admin/themes/current?key=assets/style.scss.liquid&line=9999

Save the file.

Result:

Still need help? Contact Us Contact Us