Quote Rotator Small

The Quote Rotator Small is a left or right column sized qoute or information rotator.. we call it a Quote rotator, but really, it just displays a snippet of text for a few seconds, then another, and so on..

Tips


Instructions

Quote Rotator Small

In this tutorial, we’ll demonstrate how to add or remove quotes from the rotator and add and remove the Quote Rotator Component from pages.

NEW! Quick Edits!

Something new we’ve added to our Bootstrap themed templates is the ‘Design View’ Quick Edits option. As you’re working in your page, you’ll now see a Component ‘Quick Edit’ placeholder image. To quickly open the Accordion Panel Library page for editing, just right click on the placeholder image, and select Open file:/// .. your Library page will open, and you can quickly edit the content.
Video Demonstration: Quote Rotator quick edit
http://youtu.be/GY5bHf5YF2w

  1. First, locate the component placeholder in your page.
  2. Right click on the placeholder and select ‘Open file:///…’
  3. You components Library page will open in a new window, ready for editing.

Remove the Quote Rotator from a page

  1. Open the page you want to remove the Quote Rotator from.
  2. Locate the ‘Quote Rotator’ placeholder in the Design View of the page.
  3. Click the ‘placeholder’ first, then click on the <div.quotes-rotato…> tag, in the ‘Quick Tag Selector’ toolbar.
  4. Press the Delete key, on your keyboard.

Update the Quotes

Video Demonstration: Quote Rotator update
http://youtu.be/wcvIuv7ceaU

  1. Expand the Library / components / quote-rotator-small (folder).
  2. Double click on the ‘quote-rotator-small.htm’ to open.
  3. The Library page starts with the H2 title, you can update this, or just delete from the page if you like.
  4. To update an existing quote, just select the text in the page, and edit or type in place of / over top of as you would a regular web page.
  5. Same with the [ – Quote Author (Quote #1) ] you just type over, or in place.

Add Quotes

  1. Click on the text of the existing quotes in the page.
  2. Then click on the [ <div.quote-rotator> ] tag, in the Quick Tag Selector toolbar to select the entire quote.
  3. Right click on the selected quote, and Copy ( or Ctrl+C ).
  4. Place your mouse at the bottom of the page, right click and Paste ( Ctrl+V ).
  5. Now edit the newly copied and pasted quote.

Remove Quotes

  1. Click or select any of the text in the quote you want to remove.
  2. Click on the [ <div.quote-rotator> ] tag, on the Quick Tag Selector toolbar to select the entire quote.
  3. The quote will now be highlighted in green, and wrapped in a darker green border.
  4. Press the Delete key on your keyboard.

Quote Rotator Small

In this tutorial, we’ll demonstrate how to add or remove quotes from the rotator and add and remove the Quote Rotator Component from pages.

NEW! Quick Edits!

Something new we’ve added to our Bootstrap themed templates is the ‘Design View’ Quick Edits option. As you’re working in your page, you’ll now see a Component ‘Quick Edit’ placeholder image. To quickly open the Accordion Panel Library page for editing, press and hold the ( Alt ) key on your keyboard, while you click on the ‘pladeholder’ image, then click on ( quote-rotator-small.lbi ) .. your Library page will open, and you can quickly edit the content.
Video Demonstration: Quote Rotator quick edit
http://youtu.be/wPUvmDtz58E

Remove the Quote Rotator from a page

  1. Open the page you want to remove the Quote Rotator from.
  2. Locate the ‘Quote Rotator’ title in the Design View of the page.
  3. Click the title ‘Quote Rotator’ to select the component in the page.
  4. Click on the <!–webbot–> in the Quick Tag Selector toolbar, to make sure you’ve selected the entire component.
  5. Press the Delete key, on your keyboard.

Update the Quotes

Video Demonstration: Quote Rotator update
http://youtu.be/7Fz-S5qWMZg 

  1. Expand the Library / components / quote-rotator-small (folder).
  2. Double click on the ‘quote-rotator-small.htm’ to open.
  3. The Library page starts with the H2 title, you can update this, or just delete from the page if you like.
  4. To update an existing quote, just select the text in the page, and edit or type in place of / over top of as you would a regular web page.
  5. Same with the [ – Quote Author (Quote #1) ] you just type over, or in place.

Add Quotes

  1. Click on the text of the existing quotes in the page.
  2. Then click on the [ <div.quote-rotator> ] tag, in the Quick Tag Selector toolbar to select the entire quote.
  3. Right click on the selected quote, and Copy ( or Ctrl+C ).
  4. Place your mouse at the bottom of the page, right click and Paste ( Ctrl+V ).
  5. Now edit the newly copied and pasted quote.

Remove Quotes

  1. Click or select any of the text in the quote you want to remove.
  2. Click on the [ <div.quote-rotator> ] tag, on the Quick Tag Selector toolbar to select the entire quote.
  3. The quote will now be highlighted in green, and wrapped in a darker green border.
  4. Press the Delete key on your keyboard.