Skip to content
Submitted almost 3 years ago

Accordion component using some Bootstrap

Edwin Cacuango•120
@EdwinCacuango
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...FAQ accordion card
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

I have some minor issues changing styles of bootstrap accordion. Meanwhile I left default styles specially them about focus and hover effect. Let me know how to change that!

Community feedback

  • Travolgi 🍕•31,400
    @denieldenPosted almost 3 years ago

    Hi Edwin,

    Good job!

    you have to identify the class that assigns the styles you want to change to the accordion and overwrite the properties you want to change in your scss.

    This also applies to the various :hover and :focus states:

    .accordion-button:focus
       box-shadow: none

    Keep it up :)

    Marked as helpful
    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord