Elements: Accordions

[kc_row use_container=”yes” _id=”721389″ cols_gap=”{`kc-css`:{}}” force=”__empty__” css_custom=”{`kc-css`:{`1024`:{`background`:{`background|`:`eyJjb2xvciI6IiNmZmZmZmYiLCJsaW5lYXJHcmFkaWVudCI6WyIiXSwiaW1hZ2UiOiJub25lIiwicG9zaXRpb24iOiIwJSAwJSIsInNpemUiOiJhdXRvIiwicmVwZWF0IjoicmVwZWF0IiwiYXR0YWNobWVudCI6InNjcm9sbCIsImFkdmFuY2VkIjowfQ==`},`box`:{`padding|`:`50px inherit 50px inherit`}},`any`:{`background`:{`background|`:`eyJjb2xvciI6IiNmZmZmZmYiLCJsaW5lYXJHcmFkaWVudCI6WyIiXSwiaW1hZ2UiOiJub25lIiwicG9zaXRpb24iOiIwJSAwJSIsInNpemUiOiJhdXRvIiwicmVwZWF0IjoicmVwZWF0IiwiYXR0YWNobWVudCI6InNjcm9sbCIsImFkdmFuY2VkIjowfQ==`},`box`:{`padding|`:`100px inherit 100px inherit`}}}}” _collapse=”1″][kc_column width=”12/12″ video_mute=”no” _id=”580467″][kc_row_inner column_align=”middle” video_mute=”no” _id=”635033″][kc_column_inner width=”100%” _id=”66223″][kc_title text=”QWNjb3JkaW9uIHR5cGUgMQ==” _id=”501713″ type=”p” css_custom=”{`kc-css`:{`any`:{`title-style`:{`color|+.kc_title,.kc_title,.kc_title a.kc_title_link`:`#232323`,`font-size|+.kc_title,.kc_title,.kc_title a.kc_title_link`:`12px`,`font-weight|+.kc_title,.kc_title,.kc_title a.kc_title_link`:`600`,`text-transform|+.kc_title,.kc_title,.kc_title a.kc_title_link`:`uppercase`,`margin|+.kc_title,.kc_title,.kc_title a.kc_title_link`:`inherit inherit 30px inherit`}}}}”][kc_row_inner# column_align=”middle” video_mute=”no” _id=”186219″][kc_column_inner# width=”100%” _id=”636986″][moonshard-accordion accordion-type=”accordions-type-1″ _id=”847878″ accordion-color=”black-color-scheme”][moonshard-accordion-item title=”New Accordion item” _id=”406899″ accordion-title=”What does royalty free mean?” accordion-toggle=”yes”][kc_column_text _id=”699227″ css_custom=”{`kc-css`:{}}”]

Lorem ipsum dolor sit amet, eum id brute petentium elaboraret, ei sea latine appareat, alii solum vulputate vis cu. Ei mei suas choro tincidunt, dolorum docendi corpora sit et. Quo decore fierent gubergren in, nec te omnis legendos referrentur

[/kc_column_text][/moonshard-accordion-item][moonshard-accordion-item title=”New Accordion item” _id=”567535″ accordion-title=”Do you have a developer license?”][kc_column_text _id=”47420″ css_custom=”{`kc-css`:{}}”]

Lorem ipsum dolor sit amet, eum id brute petentium elaboraret, ei sea latine appareat, alii solum vulputate vis cu. Ei mei suas choro tincidunt, dolorum docendi corpora sit et. Quo decore fierent gubergren in, nec te omnis legendos referrentur

[/kc_column_text][/moonshard-accordion-item][moonshard-accordion-item title=”New Accordion item” _id=”185959″ accordion-title=”What do you mean by item and end product?”][kc_column_text _id=”935065″ css_custom=”{`kc-css`:{}}”]

Lorem ipsum dolor sit amet, eum id brute petentium elaboraret, ei sea latine appareat, alii solum vulputate vis cu. Ei mei suas choro tincidunt, dolorum docendi corpora sit et. Quo decore fierent gubergren in, nec te omnis legendos referrentur

[/kc_column_text][/moonshard-accordion-item][moonshard-accordion-item title=”New Accordion item” _id=”625286″ accordion-title=”Am i allowed to modify the item that i purchased?”][kc_column_text _id=”965745″ css_custom=”{`kc-css`:{}}”]

Lorem ipsum dolor sit amet, eum id brute petentium elaboraret, ei sea latine appareat, alii solum vulputate vis cu. Ei mei suas choro tincidunt, dolorum docendi corpora sit et. Quo decore fierent gubergren in, nec te omnis legendos referrentur

[/kc_column_text][/moonshard-accordion-item][moonshard-accordion-item title=”New Accordion item” _id=”900544″ accordion-title=”I:apos:m not sure if my use is covered. What should i do?”][kc_column_text _id=”576686″ css_custom=”{`kc-css`:{}}”]

Lorem ipsum dolor sit amet, eum id brute petentium elaboraret, ei sea latine appareat, alii solum vulputate vis cu. Ei mei suas choro tincidunt, dolorum docendi corpora sit et. Quo decore fierent gubergren in, nec te omnis legendos referrentur

[/kc_column_text][/moonshard-accordion-item][/moonshard-accordion][/kc_column_inner#][/kc_row_inner#][/kc_column_inner][/kc_row_inner][/kc_column][/kc_row][kc_row use_container=”yes” _id=”616309″ cols_gap=”{`kc-css`:{}}” force=”__empty__” css_custom=”{`kc-css`:{`1024`:{`background`:{`background|`:`eyJjb2xvciI6InRyYW5zcGFyZW50IiwibGluZWFyR3JhZGllbnQiOlsiIl0sImltYWdlIjoibm9uZSIsInBvc2l0aW9uIjoiMCUgMCUiLCJzaXplIjoiYXV0byIsInJlcGVhdCI6InJlcGVhdCIsImF0dGFjaG1lbnQiOiJzY3JvbGwiLCJhZHZhbmNlZCI6MH0=`},`box`:{`padding|`:`50px inherit 50px inherit`}},`any`:{`background`:{`background|`:`eyJjb2xvciI6IiMwNzA3MDciLCJsaW5lYXJHcmFkaWVudCI6WyIiXSwiaW1hZ2UiOiJub25lIiwicG9zaXRpb24iOiIwJSAwJSIsInNpemUiOiJhdXRvIiwicmVwZWF0IjoicmVwZWF0IiwiYXR0YWNobWVudCI6InNjcm9sbCIsImFkdmFuY2VkIjowfQ==`},`box`:{`padding|`:`100px inherit 100px inherit`}}}}” _collapse=”1″][kc_column width=”12/12″ video_mute=”no” _id=”947877″][kc_row_inner column_align=”middle” video_mute=”no” _id=”614873″][kc_column_inner width=”100%” _id=”25371″][kc_title text=”QWNjb3JkaW9uIHR5cGUgMg==” _id=”414719″ type=”p” css_custom=”{`kc-css`:{`any`:{`title-style`:{`color|+.kc_title,.kc_title,.kc_title a.kc_title_link`:`#ffffff`,`font-size|+.kc_title,.kc_title,.kc_title a.kc_title_link`:`12px`,`font-weight|+.kc_title,.kc_title,.kc_title a.kc_title_link`:`600`,`text-transform|+.kc_title,.kc_title,.kc_title a.kc_title_link`:`uppercase`,`margin|+.kc_title,.kc_title,.kc_title a.kc_title_link`:`inherit inherit 30px inherit`}}}}”][kc_row_inner# column_align=”middle” video_mute=”no” _id=”614114″][kc_column_inner# width=”100%” _id=”814409″][moonshard-accordion accordion-type=”accordions-type-2″ _id=”56671″ accordion-color=”white-color-scheme”][moonshard-accordion-item title=”New Accordion item” _id=”669439″ accordion-title=”What does royalty free mean?” accordion-toggle=”yes” accordion-title-num=”01″][kc_column_text _id=”109976″ css_custom=”{`kc-css`:{`any`:{`typography`:{`color|,p`:`#ffffff`}}}}”]

Lorem ipsum dolor sit amet, eum id brute petentium elaboraret, ei sea latine appareat, alii solum vulputate vis cu. Ei mei suas choro tincidunt, dolorum docendi corpora sit et. Quo decore fierent gubergren in, nec te omnis legendos referrentur

[/kc_column_text][/moonshard-accordion-item][moonshard-accordion-item title=”New Accordion item” _id=”925846″ accordion-title=”Do you have a developer license?” accordion-title-num=”02″][kc_column_text _id=”861631″ css_custom=”{`kc-css`:{`any`:{`typography`:{`color|,p`:`#ffffff`}}}}”]

Lorem ipsum dolor sit amet, eum id brute petentium elaboraret, ei sea latine appareat, alii solum vulputate vis cu. Ei mei suas choro tincidunt, dolorum docendi corpora sit et. Quo decore fierent gubergren in, nec te omnis legendos referrentur

[/kc_column_text][/moonshard-accordion-item][moonshard-accordion-item title=”New Accordion item” _id=”483583″ accordion-title=”What do you mean by item and end product?” accordion-title-num=”03″][kc_column_text _id=”207087″ css_custom=”{`kc-css`:{`any`:{`typography`:{`color|,p`:`#ffffff`}}}}”]

Lorem ipsum dolor sit amet, eum id brute petentium elaboraret, ei sea latine appareat, alii solum vulputate vis cu. Ei mei suas choro tincidunt, dolorum docendi corpora sit et. Quo decore fierent gubergren in, nec te omnis legendos referrentur

[/kc_column_text][/moonshard-accordion-item][moonshard-accordion-item title=”New Accordion item” _id=”448389″ accordion-title=”Am i allowed to modify the item that i purchased?” accordion-title-num=”04″][kc_column_text _id=”20071″ css_custom=”{`kc-css`:{`any`:{`typography`:{`color|,p`:`#ffffff`}}}}”]

Lorem ipsum dolor sit amet, eum id brute petentium elaboraret, ei sea latine appareat, alii solum vulputate vis cu. Ei mei suas choro tincidunt, dolorum docendi corpora sit et. Quo decore fierent gubergren in, nec te omnis legendos referrentur

[/kc_column_text][/moonshard-accordion-item][moonshard-accordion-item title=”New Accordion item” _id=”614656″ accordion-title=”I:apos:m not sure if my use is covered. What should i do?” accordion-title-num=”05″][kc_column_text _id=”457626″ css_custom=”{`kc-css`:{`any`:{`typography`:{`color|,p`:`#ffffff`}}}}”]

Lorem ipsum dolor sit amet, eum id brute petentium elaboraret, ei sea latine appareat, alii solum vulputate vis cu. Ei mei suas choro tincidunt, dolorum docendi corpora sit et. Quo decore fierent gubergren in, nec te omnis legendos referrentur

[/kc_column_text][/moonshard-accordion-item][/moonshard-accordion][/kc_column_inner#][/kc_row_inner#][/kc_column_inner][/kc_row_inner][/kc_column][/kc_row][kc_row use_container=”yes” _id=”741769″ cols_gap=”{`kc-css`:{}}” force=”__empty__” css_custom=”{`kc-css`:{`1024`:{`background`:{`background|`:`eyJjb2xvciI6IiNmZmZmZmYiLCJsaW5lYXJHcmFkaWVudCI6WyIiXSwiaW1hZ2UiOiJub25lIiwicG9zaXRpb24iOiIwJSAwJSIsInNpemUiOiJhdXRvIiwicmVwZWF0IjoicmVwZWF0IiwiYXR0YWNobWVudCI6InNjcm9sbCIsImFkdmFuY2VkIjowfQ==`},`box`:{`padding|`:`50px inherit 50px inherit`}},`any`:{`background`:{`background|`:`eyJjb2xvciI6IiNmZmZmZmYiLCJsaW5lYXJHcmFkaWVudCI6WyIiXSwiaW1hZ2UiOiJub25lIiwicG9zaXRpb24iOiIwJSAwJSIsInNpemUiOiJhdXRvIiwicmVwZWF0IjoicmVwZWF0IiwiYXR0YWNobWVudCI6InNjcm9sbCIsImFkdmFuY2VkIjowfQ==`},`box`:{`padding|`:`100px inherit 100px inherit`}}}}” _collapse=”1″][kc_column width=”12/12″ video_mute=”no” _id=”533595″][kc_row_inner column_align=”middle” video_mute=”no” _id=”182559″][kc_column_inner width=”100%” _id=”796275″][kc_title text=”QWNjb3JkaW9uIHR5cGUgMw==” _id=”756005″ type=”p” css_custom=”{`kc-css`:{`any`:{`title-style`:{`color|+.kc_title,.kc_title,.kc_title a.kc_title_link`:`#232323`,`font-size|+.kc_title,.kc_title,.kc_title a.kc_title_link`:`12px`,`font-weight|+.kc_title,.kc_title,.kc_title a.kc_title_link`:`600`,`text-transform|+.kc_title,.kc_title,.kc_title a.kc_title_link`:`uppercase`,`margin|+.kc_title,.kc_title,.kc_title a.kc_title_link`:`inherit inherit 30px inherit`}}}}”][kc_row_inner# column_align=”middle” video_mute=”no” _id=”459606″][kc_column_inner# width=”100%” _id=”599440″][moonshard-accordion accordion-type=”accordions-type-3″ _id=”391389″ accordion-color=”black-color-scheme”][moonshard-accordion-item title=”New Accordion item” _id=”959562″ accordion-title=”What does royalty free mean?” accordion-toggle=”yes”][kc_column_text _id=”533089″ css_custom=”{`kc-css`:{}}”]

Lorem ipsum dolor sit amet, eum id brute petentium elaboraret, ei sea latine appareat, alii solum vulputate vis cu. Ei mei suas choro tincidunt, dolorum docendi corpora sit et. Quo decore fierent gubergren in, nec te omnis legendos referrentur

[/kc_column_text][/moonshard-accordion-item][moonshard-accordion-item title=”New Accordion item” _id=”333169″ accordion-title=”Do you have a developer license?”][kc_column_text _id=”931338″ css_custom=”{`kc-css`:{}}”]

Lorem ipsum dolor sit amet, eum id brute petentium elaboraret, ei sea latine appareat, alii solum vulputate vis cu. Ei mei suas choro tincidunt, dolorum docendi corpora sit et. Quo decore fierent gubergren in, nec te omnis legendos referrentur

[/kc_column_text][/moonshard-accordion-item][moonshard-accordion-item title=”New Accordion item” _id=”554400″ accordion-title=”What do you mean by item and end product?”][kc_column_text _id=”62208″ css_custom=”{`kc-css`:{}}”]

Lorem ipsum dolor sit amet, eum id brute petentium elaboraret, ei sea latine appareat, alii solum vulputate vis cu. Ei mei suas choro tincidunt, dolorum docendi corpora sit et. Quo decore fierent gubergren in, nec te omnis legendos referrentur

[/kc_column_text][/moonshard-accordion-item][moonshard-accordion-item title=”New Accordion item” _id=”744953″ accordion-title=”Am i allowed to modify the item that i purchased?”][kc_column_text _id=”754620″ css_custom=”{`kc-css`:{}}”]

Lorem ipsum dolor sit amet, eum id brute petentium elaboraret, ei sea latine appareat, alii solum vulputate vis cu. Ei mei suas choro tincidunt, dolorum docendi corpora sit et. Quo decore fierent gubergren in, nec te omnis legendos referrentur

[/kc_column_text][/moonshard-accordion-item][moonshard-accordion-item title=”New Accordion item” _id=”657103″ accordion-title=”I:apos:m not sure if my use is covered. What should i do?”][kc_column_text _id=”953647″ css_custom=”{`kc-css`:{}}”]

Lorem ipsum dolor sit amet, eum id brute petentium elaboraret, ei sea latine appareat, alii solum vulputate vis cu. Ei mei suas choro tincidunt, dolorum docendi corpora sit et. Quo decore fierent gubergren in, nec te omnis legendos referrentur

[/kc_column_text][/moonshard-accordion-item][/moonshard-accordion][/kc_column_inner#][/kc_row_inner#][/kc_column_inner][/kc_row_inner][/kc_column][/kc_row][kc_row use_container=”no” _id=”349390″ cols_gap=”{`kc-css`:{`any`:{`group`:{`gap|.kc_column`:`0px`,`max-width|.kc-container`:`100%`}}}}” force=”__empty__” css_custom=”{`kc-css`:{}}” _collapse=”1″][kc_column width=”12/12″ video_mute=”no” _id=”811802″][moonshard-accordion-gallery _id=”10290″][moonshard-accordion-gallery-item title=”New Gallery Item” _id=”198006″ item-img=”3100″][/moonshard-accordion-gallery-item][moonshard-accordion-gallery-item title=”New Gallery Item” _id=”853875″ item-img=”4895″][/moonshard-accordion-gallery-item][moonshard-accordion-gallery-item title=”New Gallery Item” _id=”566183″ item-img=”1314″][/moonshard-accordion-gallery-item][moonshard-accordion-gallery-item title=”New Gallery Item” _id=”590195″ item-img=”141″][/moonshard-accordion-gallery-item][moonshard-accordion-gallery-item title=”New Gallery Item” _id=”412222″ item-img=”1868″][/moonshard-accordion-gallery-item][moonshard-accordion-gallery-item title=”New Gallery Item” _id=”317987″ item-img=”1951″][/moonshard-accordion-gallery-item][/moonshard-accordion-gallery][/kc_column][/kc_row]

You can also sellect color codes via admin theme options

That is some options to demo for you.

X