Categories

How to edit Muse templates

Ryan DeWitt October 20, 2014
Rating: 3.5. From 2 votes.
Please wait...

This tutorial shows how to edit Muse templates.

How to edit Muse templates
  1. Please unzip the template and open sources/AdobeMuse folder. Open .muse file in Adobe Muse editor:

    How to edit Muse templates-1
  2. We can see all pages and sub pages in Plan mode. Double-click on the appropriate page in order to open it for editing:

    How to edit Muse templates-2
  3. Select the text tool. Click on the appropriate text and change it. Double-click on slider arrows in order to open next slide and change its text:

    How to edit Muse templates-3
  4. You can also change text color using Color Widget. The font size can be changed using Text tool options:

    How to edit Muse templates-4
  5. You can select arrows and other elements and move them using the Selection Tool:

    How to edit Muse templates-5

Let’s set the link to more button.

  1. Select text. Click on Hyperlinks section. Check Open link in new window option in case you need the link to be opened in the new window or tab. Select Edit Link Styles:

    How to edit Muse templates-6
  2. Select colors and styles for the link. Set hover colors, underline, etc.:

    How to edit Muse templates-7
  3. Add the hyperlink and click Enter:

    How to edit Muse templates-8

Now we are going to replace the image.

  1. Right-click on the image you would like to replace. Click on Replace Image:

    How to edit Muse templates-9
  2. Select the image:

    How to edit Muse templates-10
  3. We have changed the image:

    How to edit Muse templates-11
  4. In our case template has a logo image. You can replace it as regular image in the way we have specified above.

Replacing video.

  1. Our template comes with the embedded video. Right-click on the video and select Edit HTML:

    How to edit Muse templates-12
  2. Change the embed code:

    How to edit Muse templates-13

Now we are going to change the menu titles.

  1. We can see the page titles like home, about, etc. Those page titles are used for the Menu titles. Menu titles change automatically when you change the page title:

    How to edit Muse templates-14
  2. Go to Plan mode, Right-click on page and click on Rename Page:

    How to edit Muse templates-15
  3. Perform the same actions for other pages:

    How to edit Muse templates-16
  4. We can see that Menu titles were changed automatically:

    How to edit Muse templates-17

Export to HTML.

  1. Save the changes you have performed to .muse file.

  2. Go to File – Export as HTML in order to export your .muse file to html web site:

  3. Select folder and specify your domain name:

    How to edit Muse templates-18
  4. We can see our web site files. Please upload them to live server or localhost in order to check how your site looks and works. Please note that not all elements will display in case you open web site locally (without uploading it to live server):

    How to edit Muse templates-19
  5. We have uploaded the web site to server and opened it. This is how our modified template looks:

    How to edit Muse templates-20

Feel free to check the detailed video tutorial below:

How to edit Muse templates
This entry was posted in Billing Questions, JS Animated tutorials and tagged edit, muse, template. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket

Live Chat
We help you to choose the right product.