Edit Sliders

You can use the Slider Manager to maintain the sliders on your site. You can use the Slider Editor to maintain and edit options for each slider. The Slide Editor (not the same as the Slider Editor) allows you to add and edit the actual slides that make up the slider. In these windows, you can:

• Add a New Slider
• Add a New Slide
• Edit or Delete a Slide
• Delete a Slider
• Search for a Slider
• Add a Slider to your Website

Access the Slider Manager

1. Log in to the Admin of your site. If you need help finding the right place to do so, follow the instructions in the Log In article.
2. Go to Theme Editor>Sliders in the left menu.
   
   

Add a New Slider

After accessing the Slider Manager, you can easily add new sliders to your site. The Slider Manager shows your list of sliders as well as the Title, Shortcode, Date and Action Icons for each row.

1. Click the Add New button at the top of the window.
   
   
   
   
2. Type a title for the new slider in the text box where it says Enter Slider Title Here. This title will be how the slider will be listed in the Slider Manager.
3. The Slider Editor will automatically open. This is where you will edit options for animation, duration and add images and text to your slides.
4. The first section on the page is Animation Options, this is the animation that will be used to transition from slide to slide. Select a radio button that corresponds to the desired animation. 
5. Use the Slider Duration field to specify the length of time in seconds that each slider will appear.

Add a New Slide

The final section in the Slider Editor is Slides. Here you will create each slide that will appear in your Slider. The list of slides belonging to this Slider will also be listed showing the Title, Background Image and Layer Image for each.

1. Click the Add New Slide button at the top of the Slides section.
   
   
   
   
2. The Slide Editor will open. Enter a Title for your slide. This is a required field, attempting to save the Slide without a Title will result in an error.
3. Enter the Order.  Order must be a number and can be entered like text or hover your mouse over the right side of the field and use the spin control that appears (shown in the image below). Click on the up arrow to increase the number or the down arrow to decrease the number. Order is a required field, attempting to save the Slide without an Order will result in an error.
   
   
   
   
4. Click the Add Image button to choose the Background Image of your slide from the Media Center. Learn more about adding images to the Media Center in the Change Images through the Media Center article. The Background Image will be the main image on your slide. If an image has already been added for this slide, the Remove Image button will also be available.
   
   
   
   
5. Click the Add Image button to add a Layer Slide Image to your slide. The Layer Slide Image will appear as an overlay image on top of the main image on your slide and will be located in the middle of the slide. If an image has already been added for this slide, the Remove Image button will also be available.
6. The Layer Slide Image has an associated position specifying where it will appear on the Slide. Select the Right or Left radio button under Layer Image Position to set this option. The overlay image will appear either on the Right or Left of center. It is recommended that you do not use the Center selection at this time. 
7. Add content to your slide in the Layer Slide Content edit box. This content should be entered using HTML format. However, you may enter straight text and after saving, it will automatically be formatted to HTML. You may then choose to add color, headings, line breaks, etc. using HTML. For example, you may enter text as shown in the image below:
   
   After saving, the text will automatically be formatted to HTML as shown in this image:
   
   
   This is how the content will appear on the slide:
   
   
   
   You may now choose to add extra HTML formatting to the content as shown below:
   
   
   This changed the color of the text. This is how the content will now appear on the slide:
   
   
   
   Note: This content is meant for short, meaningful text. There is only room for 3 short lines of text, so make it count!
   
   
   
8. When your changes are complete, click the Save Slide Settings in the lower right corner of the Slide Editor. This will return you to the Slider Editor and you will see your slide listed under Slides.
   
   
   
   
9. You may continue to add more Slides, or click the Save button in the lower right corner to Save all changes.
10. Select View Live Site in the upper right or refresh a currently open page to view your changes. 

Edit or Delete a Slide

In the Slider Editor, you can delete slides that have previously been created.

1. To Delete a slide, find the slide that you want to delete in the list.
2. Click the Delete icon under Action on the row of the slide you wish to delete.  The slide is removed from the list.
3. To Edit a slide, find the slide that you want to edit in the list.
4. Click the Edit icon under Action on the row of the slide you wish to edit. The Slide Editor opens.
   
   

Delete a Slider

In the Slider Manager, you can delete sliders that have previously been created

1. Find the slider that you want to delete in the list.
2. Select the slider in the checkbox to the left of the slide Title, and then click the Delete icon on the right side of the row under Action. Or simply click the Delete icon on the row of the slider you wish to delete. 
   

   Note: If you select a slider and then click the Delete icon in the row of a different slider, the slider in the row of the Delete icon you selected will be deleted.
   
   
   
   

3. A Confirmation box will open. If you are sure you want to delete the slider, click the blue Confirm button. If you do not want to delete the chosen slider, click Cancel. 
   
   
   
   

Search for a Slider

If you have a large number of sliders on your site, it might be more efficient to find a slider by searching for key words in the slider Title.

Press the Enter key or click on the Search icon. Only sliders that meet your search criteria will show up in the slider listing. 

Add a Slider to your Website

Add a slider to your website by copying the Shortcode and pasting it into a post, page or text widget. The shortcode for each slider is found in one of two places: 

1. The shortcode can be found in the Slider Manager which is accessed directly under Theme Editor/Sliders.
   
   
   
   
2. The shortcode can also be found in the Slider Editor under the slider title, as shown in the image below. The Slider Editor is accessed from the Slider Manager by clicking on the Edit Icon of the desired slide.