Description
- adding text before icon in Accordion Block
- view demo – password: abc
- buy me a coffee
![]()
#1. Install Code
#1.1. You can add text to Accordion Content and wrap it in ## and ##, like this
##2021##
![]()
or
##2022##
![]()
#1.2. Hover on top right of section > Click EDIT SECTION
![]()
#1.3. at Design > Anchor Link > enter word: text-accordion-icon
![]()
#1.4. Hover on Page where you use Accordion > Click Gear icon
![]()
#1.5. Click Advanced > Paste this code
<!-- 08.26c30v12 Text before Accordion Icon -->
<script>
window.TextBeforeAccordionIconConfig = {
textClass: 'sqsrte-small',
fontSizeDesktop: '13px',
fontSizeMobile: '11px',
gap: '22px'
};
</script>
<script src="https://code.beaverhero.com/accordion/0826c30v12textbeforeaccordionicon.js"></script>
![]()
#2. Customize
#2.1. To change size of text, you can change line 05, 06
fontSizeDesktop: '13px', fontSizeMobile: '11px',
#2.2. To change space between text – icon, change line 07
gap: '22px'