How to Add Homepage Banners

The homepage banner carousel can display up to 8 different image banners.

How to Activate Homepage Banners to Show
1. In WordPress click on Theme Options under Appearance on the sidebar.
2. In the Options Panel, under General click Show Homepage Banner in the drop down menu.
3. Click the Save Options button at the bottom right of the page. Now add some banners.

How to Add Homepage Banners


Banner Size: 940 x 350 pixels. ( Sample Image )

Step by Step Instructions
1. In WordPress Click Add New Banner under Home Banners on the sidebar.
2. Enter the banner name into the title field.
3. Click the Add Image link in the image box to upload your banner image. Image dimensions: 940 x 350 pixels.
4. Optional: Enter a banner headline and sub-headline. If you enter text into these boxes, the text will appear over the uploaded banner image.
5. Optional: Enter a banner link. Link each banner individually by entering a web address into the banner link field.
6. Click the Publish or Update button to make your changes live.

Homepage Banner FAQs
– Can I change the banner image size? Not unless you know how to code yourself.
– Can I make the homepage banner a video or Flash? No.
– Can I use another banner carousel script or plugin? Not unless you know how to code.
– Are there any other banner animation options available besides slide? No.
Compress banner images to help improve the loading time of your website.
– Banner Customization: Homepage Banner CSS Tips & Tricks

Common Banner Problems
– If your banners do not display, check out My Homepage Banner Doesn’t Display.
– For the homepage banners to appear you must select the “Show Homepage Banner” option in the options panel under the General tab.
– Missing a box on the add new banner page? Check out the screen options.

Related Articles
Last updated on October 11th, 2016.

10 Comments

  1. Benjamin

    How can I slow down the banner rotation? I didn’t found an option to change this. Because it’s too fast in my opinion ….

    1. Mark

      If you would like to change the time you want to edit the the jquery.easyfader.js file in the JS folder in the musicmaker theme folder.

      You want to look for the code slideDur: 7000,

      7000 is 7 seconds. So change it to the number you want.

      Please note these changes will be overwritten with future updates.

  2. phil

    Hey,

    id like to change the size of the homepage banner. width 940 and height 370 instead of 350.
    I tried it but it just moves my fader down but i cant make the banner bigger.

    1. Mark

      You will have to go into the code and modify the html and css code. I have no easy way to change this that wont take hours of trying to modify the code and testing.

    1. Mark

      Hi

      You can use some CSS like this

      #Fader h2 { top: 110px !important; left: 30px !important; }
      #Fader h3 { top: 180px !important; left: 30px !important; }

      Please note this may cause problems with the responsive CSS. ​​​​​​

      Change the numbers to the numbers you desire. ​​

Leave A Comment?

Looking Help?
1. First search the knowledge base for answers. Email support can take 48 hours.
2. If something is not working, please read trouble shooting problems.
3. If those do not help, provide a website link to help speed up the process.