Scroll

Text Accordion

Click HERE for an interactive tutorial. Scroll to the bottom for animated steps.


Detailed Step-by-Step Tutorial

Add Text Accordion

  • Go to APPS at the top of the screen.
  • Drag Text Accordion widget to the area of the page where you'd like to add it to (you can re-size and re-position it later).
Screen_Shot_2017-04-06_at_10.20.22_PM.png
  • Double-click on the added Text Accordion or right-click on it and go to Text Accordion Settings to reveal the Settings Pane.
  • Select Layout Type: Choose a layout type for Text Accordion.
Screen_Shot_2017-04-06_at_9.52.37_PM.png

Manage Text Accordion

Existing Text Accordion items, if any, are displayed in the table.

  • Edit: Edit a Text Accordion item.
  • Delete: Delete a Text Accordion item.
  • On/Off: Toggle ON to make a Text Accordion item active.

Screen_Shot_2017-04-06_at_10.11.59_PM.png

Add: Add a Text Accordion item.

  • Title: Enter Text Accordion item title.
  • Short Description: Enter short description for the Text Accordion item.
  • Description: Write the content for the Text Accordion item.
  • Date: Choose a date for the Text Accordion item.
  • Publish: Toggle ON to publish the Text Accordion item.

Click Save to preserve your edits.

Screen_Shot_2017-04-06_at_10.16.07_PM.png

General Settings

  • Title: Enter the title.
  • Show as Tooltip: Show the title as tooltip (text that appears when your mouse hovers over the item).
  • Top: Set top margin.
  • Left: Set left margin.
  • Width: Set the width.

 

Background:

  • Color: Choose background color.
  • Opacity: Set opacity for the background.
  • Image: Enable to use an image as a background.
  • Size: Choose background size (i.e. auto, 100%, etc.).
  • Position: Set position of the background.
  • Repeat: Choose repeat type for the background.

 

Border:

  • Color: Choose border color.
  • Style: Chose border style.
  • Width: Choose the width of the border.
  • Radius: Choose border corner radius.

 

Box Shadow:

  • Shadow: Toggle ON to create a shadow for the blog.
  • H-Shadow: Set horizontal position of the shadow.
  • V-Shadow: Set vertical position of the shadow.
  • Blur: Set blur value for the shadow.
  • Spread: Define how far the shadow spreads.
  • Color: Set the color for the shadow.
  • Style: Select between inset and outset.

  


news_press_II_1080_12fps.gif

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

Comments