FAQ Style 1

What is Lorem Ipsum?

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Why do we use it?

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Where does it come from?

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Pattern HTML

<!-- wp:group {"metadata":{"name":"FAQ Style 1"},"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30"}}},"layout":{"type":"constrained"}} --> <div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30)"><!-- wp:essential-blocks/accordion {"blockId":"eb-accordion-no6fk","blockMeta":{"desktop":".eb-accordion-item.is-selected .eb-accordion-content-wrapper-eb-accordion-no6fk{height:auto;opacity:0;overflow:visible}.eb-accordion-container.eb_accdn_loaded .eb-accordion-wrapper:not(.for_edit_page) .eb-accordion-content-wrapper-eb-accordion-no6fk{visibility:visible;position:static}.eb-accordion-container .eb-accordion-wrapper:not(.for_edit_page) .eb-accordion-content-wrapper-eb-accordion-no6fk{visibility:hidden;position:absolute}.eb-accordion-no6fk.eb-accordion-container .eb-accordion-inner{position:relative}.eb-accordion-no6fk.eb-accordion-container .eb-accordion-wrapper h1,.eb-accordion-no6fk.eb-accordion-container .eb-accordion-wrapper h2,.eb-accordion-no6fk.eb-accordion-container .eb-accordion-wrapper h3,.eb-accordion-no6fk.eb-accordion-container .eb-accordion-wrapper h4,.eb-accordion-no6fk.eb-accordion-container .eb-accordion-wrapper h5,.eb-accordion-no6fk.eb-accordion-container .eb-accordion-wrapper h6,.eb-accordion-no6fk.eb-accordion-container .eb-accordion-wrapper p{margin:0;padding:0}.eb-accordion-no6fk.eb-accordion-container:not(.eb-accordion-type-horizontal) \u003e .eb-accordion-inner \u003e .eb-accordion-wrapper + .eb-accordion-wrapper,.eb-accordion-no6fk.eb-accordion-container:not(.eb-accordion-type-horizontal) .eb-accordion-item{margin-top:15px}.eb-accordion-no6fk.eb-accordion-container.eb-accordion-type-horizontal \u003e .eb-accordion-inner \u003e .eb-accordion-wrapper + .eb-accordion-wrapper,.eb-accordion-no6fk.eb-accordion-container.eb-accordion-type-horizontal .eb-accordion-item{margin-left:15px}.eb-accordion-no6fk.eb-accordion-container{transition:background 0.5s,border 0.5s,border-radius 0.5s,box-shadow 0.5s;overflow:hidden}.eb-accordion-no6fk.eb-accordion-container:before{transition:background 0.5s,opacity 0.5s,filter 0.5s}.eb-accordion-no6fk.eb-accordion-container .eb-accordion-icon-wrapper-eb-accordion-no6fk{display:flex;justify-content:center;align-items:center;padding:5px;border-radius:0%;transition:background 0.5s,border 0.5s,border-radius 0.5s,box-shadow 0.5s}.eb-accordion-no6fk.eb-accordion-container .eb-accordion-icon-wrapper-eb-accordion-no6fk .eb-accordion-icon{text-align:center;color:#000000;font-size:30px;width:30px;height:30px}.eb-accordion-no6fk.eb-accordion-container .eb-accordion-title-wrapper-eb-accordion-no6fk{cursor:pointer;display:flex;align-items:center;flex-direction:row-reverse;background-color:rgba(255,255,255,0);transition:background 0.5s,border 0.5s,border-radius 0.5s,box-shadow 0.5s}.eb-accordion-no6fk.eb-accordion-container .eb-accordion-content .title-content-eb-accordion-no6fk{background-color:rgba(255,255,255,0);transition:background 0.5s,border 0.5s,border-radius 0.5s,box-shadow 0.5s}.eb-accordion-no6fk.eb-accordion-container .title-content-eb-accordion-no6fk{justify-content:left;flex:1;gap:15px}.eb-accordion-no6fk.eb-accordion-container .title-content-eb-accordion-no6fk .eb-accordion-title{color:rgba(0,0,0,1);font-family:\u0022Inter\u0022,sans-serif;font-size:24px;line-height:28px;font-weight:500}.eb-accordion-no6fk.eb-accordion-container .title-content-eb-accordion-no6fk .eb-accordion-title-prefix-text{color:#000;font-size:14px;transition:background 0.5s,border 0.5s,border-radius 0.5s,box-shadow 0.5s}.eb-accordion-no6fk.eb-accordion-container .title-content-eb-accordion-no6fk .eb-accordion-title-prefix-icon{color:#000;width:20px;height:20px;font-size:20px;transition:background 0.5s,border 0.5s,border-radius 0.5s,box-shadow 0.5s}.eb-accordion-no6fk.eb-accordion-container .title-content-eb-accordion-no6fk .eb-accordion-title-prefix-img{width:30px}.eb-accordion-no6fk.eb-accordion-container .title-content-eb-accordion-no6fk .eb-accordion-title-suffix-text{color:#000;font-size:14px;transition:background 0.5s,border 0.5s,border-radius 0.5s,box-shadow 0.5s}.eb-accordion-no6fk.eb-accordion-container .title-content-eb-accordion-no6fk .eb-accordion-title-suffix-icon{color:#000;width:20px;height:20px;font-size:20px;transition:background 0.5s,border 0.5s,border-radius 0.5s,box-shadow 0.5s}.eb-accordion-no6fk.eb-accordion-container .title-content-eb-accordion-no6fk .eb-accordion-title-suffix-img{width:30px}.eb-accordion-no6fk.eb-accordion-container .eb-accordion-content-wrapper-eb-accordion-no6fk \u003e .eb-accordion-content{color:#000000;text-align:left;background-color:rgba(0,0,0,0);font-family:\u0022Inter\u0022,sans-serif;font-size:18px;line-height:28px;font-weight:400;margin-top:24px;padding-top:20px;padding-right:0px;padding-left:0px;padding-bottom:20px;transition:border 0.5s,border-radius 0.5s,box-shadow 0.5s,background 0.5s}.eb-accordion-no6fk.eb-accordion-container.eb-accordion-type-image .eb-accordion-image-container{width:50%}.eb-accordion-no6fk.eb-accordion-container.eb-accordion-type-image .eb-accordion-inner{width:50%}.eb-accordion-no6fk.eb-accordion-container \u003e .eb-accordion-inner \u003e .eb-accordion-wrapper,.eb-accordion-no6fk.eb-accordion-container .eb-accordion-wrapper-eb-accordion-no6fk.eb-accordion-wrapper{padding-top:15px;padding-right:0px;padding-left:0px;padding-bottom:15px;border-radius:0px;transition:background 0.5s,border 0.5s,border-radius 0.5s,box-shadow 0.5s}.eb-accordion-no6fk.eb-accordion-container \u003e .eb-accordion-inner \u003e .eb-accordion-wrapper:not(.eb-accordion-hidden),.eb-accordion-no6fk.eb-accordion-container .eb-accordion-wrapper-eb-accordion-no6fk.eb-accordion-wrapper:not(.eb-accordion-hidden){transition:background 0.5s,border 0.5s,border-radius 0.5s,box-shadow 0.5s}.eb-accordion-no6fk.eb-accordion-container.eb-accordion-type-horizontal .eb-accordion-inner,.eb-accordion-no6fk.eb-accordion-container.eb-accordion-type-horizontal .block-editor-block-list__layout{min-height:450px;max-height:450px}.eb-accordion-no6fk.eb-accordion-container.eb-accordion-type-horizontal .eb-accordion-inner .eb-accordion-wrapper:not(.for_edit_page){transition:all 500ms ease}","tab":".eb-accordion-no6fk.eb-accordion-container .title-content-eb-accordion-no6fk .eb-accordion-title{font-size:20px}.eb-accordion-no6fk.eb-accordion-container.eb-accordion-type-horizontal .eb-accordion-inner,.eb-accordion-no6fk.eb-accordion-container.eb-accordion-type-horizontal .block-editor-block-list__layout{min-height:max-height:}","mobile":".eb-accordion-no6fk.eb-accordion-container .eb-accordion-icon-wrapper-eb-accordion-no6fk{margin-left:8px}.eb-accordion-no6fk.eb-accordion-container .eb-accordion-icon-wrapper-eb-accordion-no6fk .eb-accordion-icon{font-size:16px;width:16px;height:16px}.eb-accordion-no6fk.eb-accordion-container .title-content-eb-accordion-no6fk .eb-accordion-title{font-size:18px;line-height:26px}.eb-accordion-no6fk.eb-accordion-container .eb-accordion-content-wrapper-eb-accordion-no6fk \u003e .eb-accordion-content{font-size:15px}.eb-accordion-no6fk.eb-accordion-container \u003e .eb-accordion-inner \u003e .eb-accordion-wrapper,.eb-accordion-no6fk.eb-accordion-container .eb-accordion-wrapper-eb-accordion-no6fk.eb-accordion-wrapper{padding-top:20px;padding-right:30px;padding-left:30px;padding-bottom:20px}.eb-accordion-no6fk.eb-accordion-container.eb-accordion-type-horizontal .eb-accordion-inner,.eb-accordion-no6fk.eb-accordion-container.eb-accordion-type-horizontal .block-editor-block-list__layout{min-height:max-height:}"},"tabIcon":"dashicons-arrow-down-alt2","expandedIcon":"dashicons-arrow-up-alt2","titleColor":"rgba(0,0,0,1)","contentColor":"#000000","iconColor":"#000000","accordionLists":[{"id":28,"title":"What is Lorem Ipsum?","clickable":false,"titlePrefixType":"none","titlePrefixIcon":"dashicon dashicons dashicons-admin-users","titlePrefixText":"Prefix","titlePrefixColor":"","titlePrefixBGColor":"","titlePrefixImgUrl":"","titlePrefixImgId":"","titlePrefixImgAlt":"","titleSuffixType":"none","titleSuffixIcon":"dashicon dashicons dashicons-admin-site","titleSuffixIconColor":"","titleSuffixBgColor":"","titleSuffixImgUrl":"","titleSuffixImgId":"","titleSuffixImgAlt":"","accordionColor":"","titleColor":"","imageUrl":"https://patterndev.upthinksolutions.com/wp-content/plugins/essential-blocks/assets/images/image-placeholder.jpg","imageId":"","imageAlt":"","isBlockSelected":false},{"id":29,"title":"Why do we use it?","clickable":false,"titlePrefixType":"none","titlePrefixIcon":"dashicon dashicons dashicons-admin-users","titlePrefixText":"Prefix","titlePrefixColor":"","titlePrefixBGColor":"","titlePrefixImgUrl":"","titlePrefixImgId":"","titlePrefixImgAlt":"","titleSuffixType":"none","titleSuffixIcon":"dashicon dashicons dashicons-admin-site","titleSuffixIconColor":"","titleSuffixBgColor":"","titleSuffixImgUrl":"","titleSuffixImgId":"","titleSuffixImgAlt":"","accordionColor":"","titleColor":"","imageUrl":"https://patterndev.upthinksolutions.com/wp-content/plugins/essential-blocks/assets/images/image-placeholder.jpg","imageId":"","imageAlt":"","isBlockSelected":false},{"id":30,"title":"Where does it come from?","clickable":false,"titlePrefixType":"none","titlePrefixIcon":"dashicon dashicons dashicons-admin-users","titlePrefixText":"Prefix","titlePrefixColor":"","titlePrefixBGColor":"","titlePrefixImgUrl":"","titlePrefixImgId":"","titlePrefixImgAlt":"","titleSuffixType":"none","titleSuffixIcon":"dashicon dashicons dashicons-admin-site","titleSuffixIconColor":"","titleSuffixBgColor":"","titleSuffixImgUrl":"","titleSuffixImgId":"","titleSuffixImgAlt":"","accordionColor":"","titleColor":"","imageUrl":"https://patterndev.upthinksolutions.com/wp-content/plugins/essential-blocks/assets/images/image-placeholder.jpg","imageId":"","imageAlt":"","isBlockSelected":false}],"activeAccordionIndex":30,"nextItemId":31,"typTl_FontFamily":"Inter","typTl_FontSource":"custom","typTl_FontSize":24,"typTl_FontWeight":"500","typTl_LineHeightUnit":"px","typTl_LineHeight":28,"TABtypTl_FontSize":20,"MOBtypTl_FontSize":18,"MOBtypTl_LineHeightUnit":"px","MOBtypTl_LineHeight":26,"typCn_FontFamily":"Inter","typCn_FontSource":"custom","typCn_FontSize":18,"typCn_FontWeight":"400","typCn_LineHeightUnit":"px","typCn_LineHeight":28,"MOBtypCn_FontSize":15,"titlePrefixText_FontSource":"custom","titleSuffixText_FontSource":"custom","icnZ_Range":30,"MOBicnZ_Range":16,"tabBg_backgroundColor":"rgba(255,255,255,0)","conBg_backgroundColor":"rgba(0,0,0,0)","accordionBackgroundbg_hoverType":"hover","accordionBackgroundgradientColor":"linear-gradient(45deg, #fafafa 0% , #e9e9e9 100%)","wrpBdSd_Rds_Top":"","wrpBdSd_Rds_Right":"","wrpBdSd_Rds_Bottom":"","wrpBdSd_Rds_Left":"","wrpBdSd_HRds_Top":"","wrpBdSd_HRds_Right":"","wrpBdSd_HRds_Bottom":"","wrpBdSd_HRds_Left":"","icnBdSd_borderColor":"rgba(184,194,210,1)","icnBdSd_Rds_Unit":"%","icnBdSd_Rds_Top":"0","icnBdSd_Rds_Right":"0","icnBdSd_Rds_Bottom":"0","icnBdSd_Rds_Left":"0","tabBdSd_Rds_Top":"","tabBdSd_Rds_Right":"","tabBdSd_Rds_Bottom":"","tabBdSd_Rds_Left":"","conBdSd_borderColor":"#000000","conBdSd_borderStyle":"none","conBdSd_Bdr_isLinked":false,"conBdSd_Bdr_Right":"0","conBdSd_Bdr_Bottom":"0","conBdSd_Bdr_Left":"0","conBdSd_Rds_Top":"","conBdSd_Rds_Right":"","conBdSd_Rds_Bottom":"","conBdSd_Rds_Left":"","accordionBorderborderColor":"#000000","accordionBorderBdr_isLinked":false,"accordionBorderBdr_Top":"0","accordionBorderBdr_Right":"0","accordionBorderBdr_Left":"0","accordionBorderHBdr_Top":"0","accordionBorderHBdr_Right":"0","accordionBorderHBdr_Bottom":"0","accordionBorderHBdr_Left":"0","accordionBorderRds_Top":"0","accordionBorderRds_Right":"0","accordionBorderRds_Bottom":"0","accordionBorderRds_Left":"0","accordionBorderHRds_Top":"","accordionBorderHRds_Right":"","accordionBorderHRds_Bottom":"","accordionBorderHRds_Left":"","accordionExpandedBorderborderColor":"var(\u002d\u002deb-global-primary-color)","accordionExpandedBorderBdr_isLinked":false,"accordionExpandedBorderBdr_Top":"0","accordionExpandedBorderBdr_Right":"0","accordionExpandedBorderBdr_Bottom":"0","accordionExpandedBorderBdr_Left":"0","accordionExpandedBorderHBdr_Top":"0","accordionExpandedBorderHBdr_Right":"0","accordionExpandedBorderHBdr_Bottom":"0","accordionExpandedBorderHBdr_Left":"0","accordionExpandedBorderRds_Top":"","accordionExpandedBorderRds_Right":"","accordionExpandedBorderRds_Bottom":"","accordionExpandedBorderRds_Left":"","accordionExpandedBorderHRds_Top":"","accordionExpandedBorderHRds_Right":"","accordionExpandedBorderHRds_Bottom":"","accordionExpandedBorderHRds_Left":"","wrpMrg_Top":"","wrpMrg_Right":"","wrpMrg_Bottom":"","wrpMrg_Left":"","TABwrpMrg_Top":"","TABwrpMrg_Right":"","TABwrpMrg_Bottom":"","TABwrpMrg_Left":"","wrpPad_Top":"","wrpPad_Right":"","wrpPad_Bottom":"","wrpPad_Left":"","TABwrpPad_Top":"","TABwrpPad_Right":"","TABwrpPad_Bottom":"","TABwrpPad_Left":"","icnMrg_isLinked":false,"icnMrg_Top":"","icnMrg_Right":"","icnMrg_Bottom":"","icnMrg_Left":"","MOBicnMrg_Top":"","MOBicnMrg_Right":"","MOBicnMrg_Bottom":"","MOBicnMrg_Left":"8","icnPad_Top":"5","icnPad_Right":"5","icnPad_Bottom":"5","icnPad_Left":"5","MOBicnPad_Top":"","MOBicnPad_Right":"","MOBicnPad_Bottom":"","MOBicnPad_Left":"","tabMrg_Top":"","tabMrg_Right":"","tabMrg_Bottom":"","tabMrg_Left":"","MOBtabMrg_Top":"","MOBtabMrg_Right":"","MOBtabMrg_Bottom":"","MOBtabMrg_Left":"","tabPad_Top":"","tabPad_Right":"","tabPad_Bottom":"","tabPad_Left":"","MOBtabPad_Top":"","MOBtabPad_Right":"","MOBtabPad_Bottom":"","MOBtabPad_Left":"","conMrg_isLinked":false,"conMrg_Top":"24","conMrg_Right":"","conMrg_Bottom":"","conMrg_Left":"","conPad_isLinked":false,"conPad_Top":"20","conPad_Right":"0","conPad_Bottom":"20","conPad_Left":"0","accordionMarginisLinked":false,"accordionMarginTop":"","accordionMarginRight":"","accordionMarginBottom":"","accordionMarginLeft":"","TABaccordionMarginTop":"","TABaccordionMarginRight":"","TABaccordionMarginBottom":"","TABaccordionMarginLeft":"","MOBaccordionMarginTop":"","MOBaccordionMarginRight":"","MOBaccordionMarginBottom":"","MOBaccordionMarginLeft":"","accordionPaddingisLinked":false,"accordionPaddingTop":"15","accordionPaddingRight":"0","accordionPaddingBottom":"15","accordionPaddingLeft":"0","TABaccordionPaddingTop":"","TABaccordionPaddingRight":"","TABaccordionPaddingBottom":"","TABaccordionPaddingLeft":"","MOBaccordionPaddingTop":"20","MOBaccordionPaddingRight":"30","MOBaccordionPaddingBottom":"20","MOBaccordionPaddingLeft":"30","commonStyles":{"desktop":".eb-parent-eb-accordion-no6fk{display:block}.root-eb-accordion-no6fk{position:relative}","tab":".eb-parent-eb-accordion-no6fk{display:block}","mobile":".eb-parent-eb-accordion-no6fk{display:block}"}} --> <div class="wp-block-essential-blocks-accordion root-eb-accordion-no6fk"><div class="eb-parent-wrapper eb-parent-eb-accordion-no6fk "><div class="eb-accordion-container eb-accordion-no6fk" data-accordion-type="accordion" data-tab-icon="dashicons-arrow-down-alt2" data-expanded-icon="dashicons-arrow-up-alt2" data-transition-duration="500"><div class="eb-accordion-inner"><!-- wp:essential-blocks/accordion-item {"blockId":"eb-accordion-item-p6djx","blockMeta":{"desktop":"","tab":"","mobile":""},"itemId":28,"inheritedTabIcon":"dashicons-arrow-down-alt2","inheritedExpandedIcon":"dashicons-arrow-up-alt2","parentBlockId":"eb-accordion-no6fk","accordionLists":[{"id":28,"title":"What is Lorem Ipsum?","clickable":false,"titlePrefixType":"none","titlePrefixIcon":"dashicon dashicons dashicons-admin-users","titlePrefixText":"Prefix","titlePrefixColor":"","titlePrefixBGColor":"","titlePrefixImgUrl":"","titlePrefixImgId":"","titlePrefixImgAlt":"","titleSuffixType":"none","titleSuffixIcon":"dashicon dashicons dashicons-admin-site","titleSuffixIconColor":"","titleSuffixBgColor":"","titleSuffixImgUrl":"","titleSuffixImgId":"","titleSuffixImgAlt":"","accordionColor":"","titleColor":"","imageUrl":"https://patterndev.upthinksolutions.com/wp-content/plugins/essential-blocks/assets/images/image-placeholder.jpg","imageId":"","imageAlt":"","isBlockSelected":false},{"id":29,"title":"Why do we use it?","clickable":false,"titlePrefixType":"none","titlePrefixIcon":"dashicon dashicons dashicons-admin-users","titlePrefixText":"Prefix","titlePrefixColor":"","titlePrefixBGColor":"","titlePrefixImgUrl":"","titlePrefixImgId":"","titlePrefixImgAlt":"","titleSuffixType":"none","titleSuffixIcon":"dashicon dashicons dashicons-admin-site","titleSuffixIconColor":"","titleSuffixBgColor":"","titleSuffixImgUrl":"","titleSuffixImgId":"","titleSuffixImgAlt":"","accordionColor":"","titleColor":"","imageUrl":"https://patterndev.upthinksolutions.com/wp-content/plugins/essential-blocks/assets/images/image-placeholder.jpg","imageId":"","imageAlt":"","isBlockSelected":false},{"id":30,"title":"Where does it come from?","clickable":false,"titlePrefixType":"none","titlePrefixIcon":"dashicon dashicons dashicons-admin-users","titlePrefixText":"Prefix","titlePrefixColor":"","titlePrefixBGColor":"","titlePrefixImgUrl":"","titlePrefixImgId":"","titlePrefixImgAlt":"","titleSuffixType":"none","titleSuffixIcon":"dashicon dashicons dashicons-admin-site","titleSuffixIconColor":"","titleSuffixBgColor":"","titleSuffixImgUrl":"","titleSuffixImgId":"","titleSuffixImgAlt":"","accordionColor":"","titleColor":"","imageUrl":"https://patterndev.upthinksolutions.com/wp-content/plugins/essential-blocks/assets/images/image-placeholder.jpg","imageId":"","imageAlt":"","isBlockSelected":false}],"title":"Accordion title 28","commonStyles":{"desktop":".eb-parent-eb-accordion-item-p6djx{display:block}.root-eb-accordion-item-p6djx{position:relative}","tab":".eb-parent-eb-accordion-item-p6djx{display:block}","mobile":".eb-parent-eb-accordion-item-p6djx{display:block}"}} --> <div class="wp-block-essential-blocks-accordion-item eb-accordion-item-p6djx eb-accordion-wrapper" data-clickable="false"><div class="eb-accordion-title-wrapper eb-accordion-title-wrapper-eb-accordion-no6fk" tabindex="0"><span class="eb-accordion-icon-wrapper eb-accordion-icon-wrapper-eb-accordion-no6fk"><span class="dashicon dashicons dashicons-arrow-down-alt2 eb-accordion-icon"></span></span><div class="eb-accordion-title-content-wrap title-content-eb-accordion-no6fk"><h3 class="eb-accordion-title">What is Lorem Ipsum?</h3></div></div><div class="eb-accordion-content-wrapper eb-accordion-content-wrapper-eb-accordion-no6fk"><div class="eb-accordion-content"><!-- wp:paragraph --> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p> <!-- /wp:paragraph --></div></div></div> <!-- /wp:essential-blocks/accordion-item --> <!-- wp:essential-blocks/accordion-item {"blockId":"eb-accordion-item-7ul1h","blockMeta":{"desktop":"","tab":"","mobile":""},"itemId":29,"inheritedTabIcon":"dashicons-arrow-down-alt2","inheritedExpandedIcon":"dashicons-arrow-up-alt2","parentBlockId":"eb-accordion-no6fk","accordionLists":[{"id":28,"title":"What is Lorem Ipsum?","clickable":false,"titlePrefixType":"none","titlePrefixIcon":"dashicon dashicons dashicons-admin-users","titlePrefixText":"Prefix","titlePrefixColor":"","titlePrefixBGColor":"","titlePrefixImgUrl":"","titlePrefixImgId":"","titlePrefixImgAlt":"","titleSuffixType":"none","titleSuffixIcon":"dashicon dashicons dashicons-admin-site","titleSuffixIconColor":"","titleSuffixBgColor":"","titleSuffixImgUrl":"","titleSuffixImgId":"","titleSuffixImgAlt":"","accordionColor":"","titleColor":"","imageUrl":"https://patterndev.upthinksolutions.com/wp-content/plugins/essential-blocks/assets/images/image-placeholder.jpg","imageId":"","imageAlt":"","isBlockSelected":false},{"id":29,"title":"Why do we use it?","clickable":false,"titlePrefixType":"none","titlePrefixIcon":"dashicon dashicons dashicons-admin-users","titlePrefixText":"Prefix","titlePrefixColor":"","titlePrefixBGColor":"","titlePrefixImgUrl":"","titlePrefixImgId":"","titlePrefixImgAlt":"","titleSuffixType":"none","titleSuffixIcon":"dashicon dashicons dashicons-admin-site","titleSuffixIconColor":"","titleSuffixBgColor":"","titleSuffixImgUrl":"","titleSuffixImgId":"","titleSuffixImgAlt":"","accordionColor":"","titleColor":"","imageUrl":"https://patterndev.upthinksolutions.com/wp-content/plugins/essential-blocks/assets/images/image-placeholder.jpg","imageId":"","imageAlt":"","isBlockSelected":false},{"id":30,"title":"Where does it come from?","clickable":false,"titlePrefixType":"none","titlePrefixIcon":"dashicon dashicons dashicons-admin-users","titlePrefixText":"Prefix","titlePrefixColor":"","titlePrefixBGColor":"","titlePrefixImgUrl":"","titlePrefixImgId":"","titlePrefixImgAlt":"","titleSuffixType":"none","titleSuffixIcon":"dashicon dashicons dashicons-admin-site","titleSuffixIconColor":"","titleSuffixBgColor":"","titleSuffixImgUrl":"","titleSuffixImgId":"","titleSuffixImgAlt":"","accordionColor":"","titleColor":"","imageUrl":"https://patterndev.upthinksolutions.com/wp-content/plugins/essential-blocks/assets/images/image-placeholder.jpg","imageId":"","imageAlt":"","isBlockSelected":false}],"title":"Accordion title 29","commonStyles":{"desktop":".eb-parent-eb-accordion-item-7ul1h{display:block}.root-eb-accordion-item-7ul1h{position:relative}","tab":".eb-parent-eb-accordion-item-7ul1h{display:block}","mobile":".eb-parent-eb-accordion-item-7ul1h{display:block}"}} --> <div class="wp-block-essential-blocks-accordion-item eb-accordion-item-7ul1h eb-accordion-wrapper" data-clickable="false"><div class="eb-accordion-title-wrapper eb-accordion-title-wrapper-eb-accordion-no6fk" tabindex="0"><span class="eb-accordion-icon-wrapper eb-accordion-icon-wrapper-eb-accordion-no6fk"><span class="dashicon dashicons dashicons-arrow-down-alt2 eb-accordion-icon"></span></span><div class="eb-accordion-title-content-wrap title-content-eb-accordion-no6fk"><h3 class="eb-accordion-title">Why do we use it?</h3></div></div><div class="eb-accordion-content-wrapper eb-accordion-content-wrapper-eb-accordion-no6fk"><div class="eb-accordion-content"><!-- wp:paragraph --> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p> <!-- /wp:paragraph --></div></div></div> <!-- /wp:essential-blocks/accordion-item --> <!-- wp:essential-blocks/accordion-item {"blockId":"eb-accordion-item-7crdq","blockMeta":{"desktop":"","tab":"","mobile":""},"itemId":30,"inheritedTabIcon":"dashicons-arrow-down-alt2","inheritedExpandedIcon":"dashicons-arrow-up-alt2","parentBlockId":"eb-accordion-no6fk","accordionLists":[{"id":28,"title":"What is Lorem Ipsum?","clickable":false,"titlePrefixType":"none","titlePrefixIcon":"dashicon dashicons dashicons-admin-users","titlePrefixText":"Prefix","titlePrefixColor":"","titlePrefixBGColor":"","titlePrefixImgUrl":"","titlePrefixImgId":"","titlePrefixImgAlt":"","titleSuffixType":"none","titleSuffixIcon":"dashicon dashicons dashicons-admin-site","titleSuffixIconColor":"","titleSuffixBgColor":"","titleSuffixImgUrl":"","titleSuffixImgId":"","titleSuffixImgAlt":"","accordionColor":"","titleColor":"","imageUrl":"https://patterndev.upthinksolutions.com/wp-content/plugins/essential-blocks/assets/images/image-placeholder.jpg","imageId":"","imageAlt":"","isBlockSelected":false},{"id":29,"title":"Why do we use it?","clickable":false,"titlePrefixType":"none","titlePrefixIcon":"dashicon dashicons dashicons-admin-users","titlePrefixText":"Prefix","titlePrefixColor":"","titlePrefixBGColor":"","titlePrefixImgUrl":"","titlePrefixImgId":"","titlePrefixImgAlt":"","titleSuffixType":"none","titleSuffixIcon":"dashicon dashicons dashicons-admin-site","titleSuffixIconColor":"","titleSuffixBgColor":"","titleSuffixImgUrl":"","titleSuffixImgId":"","titleSuffixImgAlt":"","accordionColor":"","titleColor":"","imageUrl":"https://patterndev.upthinksolutions.com/wp-content/plugins/essential-blocks/assets/images/image-placeholder.jpg","imageId":"","imageAlt":"","isBlockSelected":false},{"id":30,"title":"Where does it come from?","clickable":false,"titlePrefixType":"none","titlePrefixIcon":"dashicon dashicons dashicons-admin-users","titlePrefixText":"Prefix","titlePrefixColor":"","titlePrefixBGColor":"","titlePrefixImgUrl":"","titlePrefixImgId":"","titlePrefixImgAlt":"","titleSuffixType":"none","titleSuffixIcon":"dashicon dashicons dashicons-admin-site","titleSuffixIconColor":"","titleSuffixBgColor":"","titleSuffixImgUrl":"","titleSuffixImgId":"","titleSuffixImgAlt":"","accordionColor":"","titleColor":"","imageUrl":"https://patterndev.upthinksolutions.com/wp-content/plugins/essential-blocks/assets/images/image-placeholder.jpg","imageId":"","imageAlt":"","isBlockSelected":false}],"title":"Accordion title 30","commonStyles":{"desktop":".eb-parent-eb-accordion-item-7crdq{display:block}.root-eb-accordion-item-7crdq{position:relative}","tab":".eb-parent-eb-accordion-item-7crdq{display:block}","mobile":".eb-parent-eb-accordion-item-7crdq{display:block}"}} --> <div class="wp-block-essential-blocks-accordion-item eb-accordion-item-7crdq eb-accordion-wrapper" data-clickable="false"><div class="eb-accordion-title-wrapper eb-accordion-title-wrapper-eb-accordion-no6fk" tabindex="0"><span class="eb-accordion-icon-wrapper eb-accordion-icon-wrapper-eb-accordion-no6fk"><span class="dashicon dashicons dashicons-arrow-down-alt2 eb-accordion-icon"></span></span><div class="eb-accordion-title-content-wrap title-content-eb-accordion-no6fk"><h3 class="eb-accordion-title">Where does it come from?</h3></div></div><div class="eb-accordion-content-wrapper eb-accordion-content-wrapper-eb-accordion-no6fk"><div class="eb-accordion-content"><!-- wp:paragraph --> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p> <!-- /wp:paragraph --></div></div></div> <!-- /wp:essential-blocks/accordion-item --></div></div></div></div> <!-- /wp:essential-blocks/accordion --></div> <!-- /wp:group -->

Pattern CSS

/* Essential Blocks Accordion --------------------------------------------- */ #site-container .eb-accordion-title-wrapper { padding-bottom: 5px; border-bottom: 1px solid var(--wp--preset--color--three); } #site-container .eb-accordion-icon { color: var(--wp--preset--color--three); } #site-container .eb-accordion-title { color: var(--wp--preset--color--two); font-family: var(--wp--preset--font-family--one); font-weight: 400; } #site-container .eb-accordion-content { color: var(--wp--preset--color--two); font-family: var(--wp--preset--font-family--one); font-size: var(--wp--preset--font-size--paragraph-1); margin-top: 0; padding-bottom: 0; } #site-container .eb-accordion-content p ~ * { margin-top: 15px; } @media only screen and (max-width: 980px) { #site-container .eb-accordion-wrapper { padding-left: 0; padding-right: 0; } }