Articles in this category

Accordion element

Want to toggle between hiding and showing large amount of text content? Accordion Element is here to help!

Getting started

All you need to do is drag and drop the ‘Accordion’ element to the canvas. To make it happen, push the ‘Add Accordion’ button and click 'Plus' in a new window.

Here you will need to jot in the 'Title' and the 'Description'. Note that 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.

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 or bottom.

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 drop down 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. 

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.

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

Did you find this resource helpful?
Return to top
Ready to get started
with Subbly?
Try for free