Text before Accordion Icon

Description

08.26c30v12 Text before Accordion Icon

#1. Install Code

#1.1. You can add text to Accordion Content and wrap it in ## and ##, like this

##2021##

08.26c30v12 Text before Accordion Icon

or

##2022##

08.26c30v12 Text before Accordion Icon

#1.2. Hover on top right of section > Click EDIT SECTION

08.26c30v12 Text before Accordion Icon

#1.3. at Design > Anchor Link > enter word: text-accordion-icon

08.26c30v12 Text before Accordion Icon

#1.4. Hover on Page where you use Accordion > Click Gear icon

08.26c30v12 Text before Accordion 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>

08.26c30v12 Text before Accordion Icon

#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'

 

Buy me a coffee