--- title: How to edit hero slider images description: A quick video to show you how to update slider images on a hero slider section. --- [![primary logo_color_2@300px](https://support.blaze.me/hs-fs/hubfs/primary%20logo_color_2@300px.png?width=165&height=47&name=primary%20logo_color_2@300px.png)](https://support.blaze.me/blog/articles) ![menu](https://f.hubspotusercontent40.net/hubfs/7479797/menu.png) ![close_24px](https://7479797.fs1.hubspotusercontent-na1.net/hubfs/7479797/close_24px.svg) Knowledge Base [Submit a ticket](https://support.blaze.me/blog/help) --- [Content management](https://support.blaze.me/blog/website-content/tag/content-management) # How to edit hero slider images [![Tymber Support](https://support.blaze.me/hs-fs/hubfs/secondary%20logo_color_2@300px.png?width=50&height=50&name=secondary%20logo_color_2@300px.png)](https://support.blaze.me/blog/website-content/author/tymber-support) [Tymber Support](https://support.blaze.me/blog/website-content/author/tymber-support) 21 January, 2023 ##### A quick video to show you how to update slider images on a hero slider section.     ---   1. First, ensure that you are logged in to your Wordpress editor on your website. Once logged in, you will see the Word Press Dashboard.  ![Screen Shot 2021-03-12 at 9.28.53 AM](https://f.hubspotusercontent40.net/hub/8611548/hubfs/Screen%20Shot%202021-03-12%20at%209.28.53%20AM.png?width=625&name=Screen%20Shot%202021-03-12%20at%209.28.53%20AM.png)2. From the dashboard, view the left sidebar and select "pages". Click "all pages". a. Now, you'll see the list of all your website's pages, and you'll be able to select and view the pages already published or preview the pages that are still saved as drafts. Go to your Home Page. It will say "Home--Front Page, Divi". \*Divi is the layout builder that Tymber uses to edit all their partner's websites. b. Hover over the homepage and select, "view page" ![Screen Shot 2021-03-12 at 9.29.01 AM-1](https://f.hubspotusercontent40.net/hub/8611548/hubfs/Screen%20Shot%202021-03-12%20at%209.29.01%20AM-1.png?width=616&name=Screen%20Shot%202021-03-12%20at%209.29.01%20AM-1.png) 3. Now, you can view the page and you'll see the multiple Hero Images scrolling past on the homepage. To edit these images, Click "Enable Visual Builder". ![Screen Shot 2021-03-12 at 9.29.36 AM-1](https://f.hubspotusercontent40.net/hub/8611548/hubfs/Screen%20Shot%202021-03-12%20at%209.29.36%20AM-1.png?width=619&name=Screen%20Shot%202021-03-12%20at%209.29.36%20AM-1.png)4. If you don't have an hero sider on your website and would like to create one, hover over the bottom of a section until a blue plus sign appears and says "add new section". Click on the purple box on the far right that says, "full width". then in the menu shown below, click "Fullwidth slider". ![Screen Shot 2021-03-12 at 9.46.40 AM](https://f.hubspotusercontent40.net/hub/8611548/hubfs/Screen%20Shot%202021-03-12%20at%209.46.40%20AM.png?width=688&name=Screen%20Shot%202021-03-12%20at%209.46.40%20AM.png) ![Screen Shot 2021-03-12 at 9.37.40 AM-1](https://f.hubspotusercontent40.net/hub/8611548/hubfs/Screen%20Shot%202021-03-12%20at%209.37.40%20AM-1.png?width=688&name=Screen%20Shot%202021-03-12%20at%209.37.40%20AM-1.png) 4A. If your webpage already has a slider set up, all you need to do to edit and change the photos within is hover over the hero section until a gray gear box that says 'module settings' pops up. When you see that gear box, click on the gear icon to edit this section. ![Screen Shot 2021-03-12 at 9.51.26 AM-1](https://f.hubspotusercontent40.net/hub/8611548/hubfs/Screen%20Shot%202021-03-12%20at%209.51.26%20AM-1.png?width=647&name=Screen%20Shot%202021-03-12%20at%209.51.26%20AM-1.png) 5. Now, you'll see the list of all the images and text in the Hero section. Click on the gear icon of the section you would like to edit, or go down to the "Add New Slide" button to add another section. ![Screen Shot 2021-03-12 at 9.37.47 AM-1](https://f.hubspotusercontent40.net/hub/8611548/hubfs/Screen%20Shot%202021-03-12%20at%209.37.47%20AM-1.png?width=652&name=Screen%20Shot%202021-03-12%20at%209.37.47%20AM-1.png) 6. From here, you'll see all the title and button text fields to edit or add text to. Scroll down to "background" and click the section to expand. You'll see a few different buttons to edit the gradient or image. Make sure the image button is selected and again click the gear icon. ![Screen Shot 2021-03-12 at 9.37.52 AM-1](https://f.hubspotusercontent40.net/hub/8611548/hubfs/Screen%20Shot%202021-03-12%20at%209.37.52%20AM-1.png?width=669&name=Screen%20Shot%202021-03-12%20at%209.37.52%20AM-1.png) 6A. Here, you'll be able to edit the text over the image, as well as the button text and link. Scroll down to background, and from here you can change your images. ![Screen Shot 2021-03-12 at 9.38.00 AM-1](https://f.hubspotusercontent40.net/hub/8611548/hubfs/Screen%20Shot%202021-03-12%20at%209.38.00%20AM-1.png?width=663&name=Screen%20Shot%202021-03-12%20at%209.38.00%20AM-1.png) 7. Now, you can either select an image that has already been uploaded and is in your media library, or you can upload a new image. To upload, go into the upload tab and select "select files". ![Screen Shot 2021-03-12 at 9.38.18 AM-1](https://f.hubspotusercontent40.net/hub/8611548/hubfs/Screen%20Shot%202021-03-12%20at%209.38.18%20AM-1.png?width=688&name=Screen%20Shot%202021-03-12%20at%209.38.18%20AM-1.png) 8. Once the file is uploaded, you will now edit the **Alt Text** and **Description**. The Alt Text helps to serve as both the name of the image and a searchable key term. Best practices when naming an image is to name it a searchable key term so that it can add to the page indexing.  Additionally, the description also helps to make the website ADA accessible, so make sure to write a short image description when uploading the image as well. ![Screen Shot 2021-03-12 at 10.02.09 AM-1](https://f.hubspotusercontent40.net/hub/8611548/hubfs/Screen%20Shot%202021-03-12%20at%2010.02.09%20AM-1.png?width=688&name=Screen%20Shot%202021-03-12%20at%2010.02.09%20AM-1.png) 9. Finally, you'll click "upload image" on the bottom right corner. When the module editor comes back up, make sure to hit the green check mark. Click "save" on the very bottom right corner of the page, and the new image will then be updated on the hero slider.  ![Screen Shot 2021-03-12 at 9.39.25 AM-1](https://f.hubspotusercontent40.net/hub/8611548/hubfs/Screen%20Shot%202021-03-12%20at%209.39.25%20AM-1.png?width=688&name=Screen%20Shot%202021-03-12%20at%209.39.25%20AM-1.png)       Previous Post ###### [How to add a Top Bar announcement](https://support.blaze.me/blog/website-content/how-to-add-a-top-bar-announcement) Next Post ###### [Edit the FAQ's on your website](https://support.blaze.me/blog/website-content/edit-the-faqs-on-your-website) ### Similar Blog Posts #### [How to set up a popup announcement](https://support.blaze.me/blog/website-content/how-to-set-up-a-popup-announcement) #### [How to add Instagram posts grid on website?](https://support.blaze.me/blog/website-content/how-to-add-instagram-posts-grid-on-website) #### [How to add a Top Bar announcement](https://support.blaze.me/blog/website-content/how-to-add-a-top-bar-announcement) ```json { "@context" : "https://schema.org", "@type" : "BlogPosting", "author" : { "@type" : "Person", "name" : "Tymber Support", "url" : "https://support.blaze.me/blog/website-content/author/tymber-support" }, "dateModified" : "2023-01-21T07:09:24.714Z", "datePublished" : "2023-01-21T07:09:24.000Z", "headline" : "How to edit hero slider images", "mainEntityOfPage" : { "@id" : "https://support.blaze.me/blog/website-content/how-to-edit-hero-slider-images", "@type" : "WebPage" }, "publisher" : { "@type" : "Organization", "logo" : { "@type" : "ImageObject", "url" : "https://support.blaze.me/hubfs/BLAZE-Logo-Blue.png" }, "name" : "BLAZE Solutions" } } ```