--- title: How do I edit the Sliders Preset? description: Edit the Carousel Slider and Slider widget appearance by modifying the slider caption, thumbnail pagination, borders --- [Skip to content](https://success.ministrydesigns.help/how-do-i-edit-the-sliders-preset#main-content) English Show submenu for translations [Submit a Ticket](https://success.ministrydesigns.help/kb-tickets/new) [![MD Logo 1\_Black-2](https://success.ministrydesigns.help/hs-fs/hubfs/MD%20Logo%201_Black-2.png?width=200&height=73&name=MD%20Logo%201_Black-2.png)](https://ministrydesigns.com/) Open main navigation Close main navigation - English Show submenu for translations - [Submit a Ticket](https://success.ministrydesigns.help/kb-tickets/new) How can we help you? - There are no suggestions because the search field is empty. 1. [Ministry Designs Success Hub](https://success.ministrydesigns.help/) 2. [Sites (Formerly Omega)](https://success.ministrydesigns.help/sites-formerly-omega) 3. [Design](https://success.ministrydesigns.help/sites-formerly-omega#design) # How do I edit the Sliders Preset? ## Edit the style of Carousel Slider and Slider widgets 1\. Sliders Presets allows you to customize the appearance of [Carousel Slider](https://success.ministrydesigns.help/how-to-use-the-carousel-slider-widget) and regular [Slider](https://success.ministrydesigns.help/how-to-use-the-slider-widget) widgets. Select Preset 1 If you need to customize the appearance of the Advanced Slider widget, please refer to [this guide](https://success.ministrydesigns.help/how-do-i-edit-the-advanced-slider-preset). ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2024-09-29/69d50484-011e-4f3e-8025-375d09f01efd/ascreenshot.jpeg?tl_px=0,4&br_px=859,485&force_format=jpeg&q=100&width=860&wat_scale=76&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=228,212) 2\. You can customize the following blocks for Sliders Presets: **Slider Caption, Carousel Slider Caption, Thumbnail Pagination, Border, Sliders** Specify Font, Font Style, and Font Color for the Slider Caption. Additionally, you can make the text underlined with the "U" icon and set the Background Color ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2024-09-29/1b741fe5-5e8f-4ef4-87d3-79b80ef9a095/ascreenshot.jpeg?tl_px=0,86&br_px=859,567&force_format=jpeg&q=100&width=860&wat_scale=76&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=212,212) 3\. In case you're editing the Carousel Slider, specify the color for the Carousel Slider Caption. If you need a specific color, use [the Color Picker](https://success.ministrydesigns.help/how-do-i-change-widget-colors) ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2024-09-29/01c82998-977c-4c10-b75c-bda9491fd82b/ascreenshot.jpeg?tl_px=0,392&br_px=859,873&force_format=jpeg&q=100&width=860&wat_scale=76&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=107,212) 4\. You can configure the following spacing and sizes for the Thumbnail Pagination: **Height (max value is 300 pixels), Width (max value is 500 pixels), Spacing Between Elements (max value is 100 pixels), Spacing To Slider (max value is 100 pixels)**. Click a device icon to adjust the settings for that particular device resolution ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2024-09-29/b3b52b51-3c22-455b-b187-9654e7543b3a/ascreenshot.jpeg?tl_px=0,325&br_px=859,806&force_format=jpeg&q=100&width=860&wat_scale=76&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=33,212) 5\. If needed, set the Border (Solid, Dashed, or Dotted), specify the Width and Corners ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2024-09-29/291dc7b7-89b0-4176-a741-faca95b3993c/ascreenshot.jpeg?tl_px=0,337&br_px=859,818&force_format=jpeg&q=100&width=860&wat_scale=76&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=212,212) 6\. Use Normal and Hover States buttons to set the color for Normal and Hover States for the Sliders navigation buttons ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2024-09-29/49eac485-7ab8-4286-a202-470abff0ac3c/ascreenshot.jpeg?tl_px=0,343&br_px=859,824&force_format=jpeg&q=100&width=860&wat_scale=76&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=220,212) 7\. Specify the color of the Arrows ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2024-09-29/065c1d56-6f3b-4b87-8de9-624dd69e58e1/ascreenshot.jpeg?tl_px=0,362&br_px=859,843&force_format=jpeg&q=100&width=860&wat_scale=76&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=65,212) 8\. Specify the Border Color and Background Color for the Pagination. Pagination can be seen if you don't have Thumbnail Pagination enabled ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2024-09-29/13184b1d-d9d7-4bba-a002-465f1aca8e84/ascreenshot.jpeg?tl_px=0,396&br_px=859,877&force_format=jpeg&q=100&width=860&wat_scale=76&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=115,212) 9\. Specify the Border Color and Background Color for the Selected Pagination. Selected Pagination is the pagination item the visitor is currently on when looking at Slider or Carousel Slider. If you need a specific color, use [the Color Picker](https://success.ministrydesigns.help/how-do-i-change-widget-colors) ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2024-09-29/d8dff0ad-e593-4da8-a7b6-cb4638350fc2/ascreenshot.jpeg?tl_px=0,361&br_px=859,842&force_format=jpeg&q=100&width=860&wat_scale=76&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=122,212) 10\. Specify the Border Color and Background Color for the Thumbnail Pagination ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2024-09-29/86137c31-9334-4bd0-a5d5-8e2545408223/ascreenshot.jpeg?tl_px=0,381&br_px=859,862&force_format=jpeg&q=100&width=860&wat_scale=76&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=115,212) 11\. Specify Border Color and Background Color for the Selected Thumbnail Pagination. Selected Thumbnail Pagination is the pagination item the visitor is currently on when looking at Slider or Carousel Slider. ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2024-09-29/34bff1e6-5cec-4956-9344-ccf065e6f9f3/ascreenshot.jpeg?tl_px=0,464&br_px=859,945&force_format=jpeg&q=100&width=860&wat_scale=76&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=113,275) 12\. Click the "Save" button to confirm the changes ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2024-09-29/b42aa40f-9d10-4176-b8fa-e622c0428eed/ascreenshot.jpeg?tl_px=0,464&br_px=859,945&force_format=jpeg&q=100&width=860&wat_scale=76&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=188,415) - [Account](https://success.ministrydesigns.help/account) - [Sites (Formerly Omega)](https://success.ministrydesigns.help/sites-formerly-omega#main-content) - [Next-Steps Framework](https://success.ministrydesigns.help/sites-formerly-omega#next-steps-framework) - [Video Guides](https://success.ministrydesigns.help/sites-formerly-omega#video-guides) - [Site Builder Profile Settings](https://success.ministrydesigns.help/sites-formerly-omega#site-builder-profile-settings) - [Pages](https://success.ministrydesigns.help/sites-formerly-omega#pages) - [Design](https://success.ministrydesigns.help/sites-formerly-omega#design) - [Media Library](https://success.ministrydesigns.help/sites-formerly-omega#media-library) - [Extensions](https://success.ministrydesigns.help/sites-formerly-omega#extensions) - [Blog](https://success.ministrydesigns.help/sites-formerly-omega#blog) - [Events](https://success.ministrydesigns.help/sites-formerly-omega#events) - [Small Groups](https://success.ministrydesigns.help/sites-formerly-omega#small-groups) - [Sermons](https://success.ministrydesigns.help/sites-formerly-omega#sermons) - [Settings](https://success.ministrydesigns.help/sites-formerly-omega#settings) - [SEO](https://success.ministrydesigns.help/sites-formerly-omega#seo) - [Website Management](https://success.ministrydesigns.help/sites-formerly-omega#website-management) - [FAQ](https://success.ministrydesigns.help/sites-formerly-omega#faq) - [illume for Church Members](https://success.ministrydesigns.help/illume-for-church-members#main-content) - [Signing Up](https://success.ministrydesigns.help/illume-for-church-members#signing-up) - [Giving](https://success.ministrydesigns.help/illume-for-church-members#giving) - [illume for Church Administration](https://success.ministrydesigns.help/illume-for-church-administration#main-content) - [Getting Started](https://success.ministrydesigns.help/illume-for-church-administration#getting-started) - [Managing Your Account](https://success.ministrydesigns.help/illume-for-church-administration#managing-your-account) - [Using People](https://success.ministrydesigns.help/illume-for-church-administration#using-people) - [Using Giving](https://success.ministrydesigns.help/illume-for-church-administration#using-giving) [![MD Logo 1\_Black-3](https://success.ministrydesigns.help/hs-fs/hubfs/MD%20Logo%201_Black-3.png?width=200&height=73&name=MD%20Logo%201_Black-3.png "MD Logo 1_Black-3")](http://ministrydesigns.com) 15 Carlyle St Floor 2, Battle Creek, Mi 49017 [mailto:email@email.com](mailto:email@email.com) Copyright © 2025,