Collapsible content settings


Setting Description
Heading This field is for adding a heading to the section. In the top menu of the field, you can find options to customize the heading, such as making its font bold or light, italic, or adding a hyperlink. Furthermore, you can click the dynamic source button to insert a dynamic source as the title of the section.
Heading size

The heading size setting offers three options to control the size of your site's headings:

  • Small
  • Medium
  • Large

With these options, you can easily customize the heading sizes to best match your website's style and create a visually appealing and cohesive design throughout your site.
Heading align

Changes the position of the heading: 

  • Left
  • Center
  • Right
Description  This field is for adding a description to the section. In the top menu of the field, you can find options to customize the text such as making it bold, italic, or adding a hyperlink. Additionally, you can use the style of headings from H1 to H6 to the body text and create bullet or numbered lists for your description. Furthermore, you can click the dynamic source button to insert a dynamic source for the featured collection description.
Layout
  • No container
  • Row container: FAQ tabs are in separate rows, and between rows are paddings. Different color schemes can be applied only to these rows with tabs;
  • Section container: Tabs are in one container with heading, text and image.
Color scheme Color scheme allows you to customize every aspect of your theme's colors in the settings. When you apply a color scheme to a specific section like the collapsible content, it automatically updates all associated colors for a cohesive and professional look across your website.
Container color scheme

Container color scheme allows applying different color schemes to the container with FAQ tabs.

*Visible when Layout is set to Row or Section container.
Open first collapsible row Enable the setting if you want to display the content of the first FAQ item.
Bottom border Enable the setting to display a separating line after each collapsible row.

Image layout


Setting Description
Image Click on “Select Image” to access your media library, upload a new image, or explore free images. Also, you can connect a dynamic source by clicking the source button. Once an image is selected, you can use the “Change” button to remove, replace, or delete it.
Image ratio
  • Adapt to image: This option uses the natural aspect ratio of the images, ensuring they are displayed without cropping.
  • Small: This option adjusts the images to a smaller, uniform size, potentially cropping them to fit.
  • Large: This option adjusts the images to a larger, uniform size, potentially cropping them to fit.
Desktop layout
  • Image first: Image on the left, tabs with text on the right;
  • Image second: Image on the right, tabs with text on the left;

Section padding


Setting Description
Top padding The "Top padding" setting allows you to adjust the amount of space at the top of the content section using a slider. 
Bottom padding The "Bottom padding" setting functions similarly to the “Top padding” setting, but controls the space at the bottom of the content section using a slider.
Top padding mobile The "Top padding mobile" setting allows you to adjust the amount of space at the top of the content section for mobile devices using a slider. 
Bottom padding mobile The "Bottom padding mobile" setting functions similarly to the “Top padding mobile” setting, but controls the space at the bottom of the content section for mobile devices using a slider.
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us