Want to toggle between hiding and showing large amount of text content? Accordion Element is here to help! All you need to do is drag and drop the ‘Accordion’ element to the Crafting Area.

To make it happen, push the ‘Add Accordion’ button and click 'Plus' in a new window.

Here you will need to jot down the 'Title' and the 'Description'.

TIP: You can always change the order of the sections by dragging and dropping them up or down.

Don't forget to hit ‘Save’ once you're done!

You can add more tabs and rearrange them exactly the same way. Simply move the black pointers to change the element width and also set the distance between the tabs.

Settings

If you want to change the Style, push the Brush icon in the Element Settings.

Color - You can change the colors of your Element to make it more catchy. Just pick the desired color from the palette.

Move the controllers to modify the Border Radius, Font Size and etc.
Make sure to scroll down to find all the options!
Don't forget to click 'Save' to have the changes saved.

Alignment - To change alignment settings of the element, click on the ‘Alignment’ icon you’ll have three options available: top, center, bottom, just choose the one, you prefer.

Visibility Settings - It enables making a certain Element/Block appear on Desktop, Mobile only, or everywhere by default. Simply hit Visibility Settings and choose the desired option from the dropdown menu to get full control over the Visibility of the elements on your page.

Next comes Location visibility. Include or exclude specific cities or countries or set the appropriate Custom IP.

Mind the Session visibility as well. The latter one, allows to make certain elements visible only to the logged in users of your website. This works well with User Account element and can come in handy if you want to hide some content from users until they sign up to your website.

Trash Icon - If you don't need the Element anymore, Click on the ‘Trash’ icon to remove it from your page in a blink of an eye.

Also make sure to check all the useful features and Elements available on SpringBuilder and always know we're just a step away whenever you need help. 

Just hit the Chat box in the lower right corner if you have any questions! 

Did this answer your question?