Home / Articles / Adding and Styling Text in Adobe Muse

Adding and Styling Text in Adobe Muse

  • Sample Chapter is provided courtesy of Adobe Press.
  • Date: Aug 23, 2012.

Chapter Description

In this lesson, you will explore the text formatting and the style options available to you in Muse.

Creating Type Styles

Using styles in Muse, you can quickly apply consistent formatting to text and make global changes across multiple pages in your site. After you create a style, you can update all of the text throughout your site that uses that particular style simply by editing the saved style. This is very similar to how styles in InDesign or Illustrator work. You can access Paragraph Styles in the Paragraph Styles panel (Window > Paragraph Styles) of Design mode.

When you publish your site for the world to see, Muse automatically converts your styles to CSS (Cascading Style Sheets) rules and applies them throughout your website.

Muse supports two types of styles:

  • Paragraph styles retain text and paragraph attributes; apply them to an entire paragraph.
  • Character styles retain text attributes only; apply them to selected text.

In addition, when you create a new site in Muse, a style named [None] appears by default in the Paragraph Styles panel. You can use this style to remove formatting from text to which you applied a paragraph style. As a best practice, apply text formatting using paragraph and character styles; doing so can cut down on your effort in Muse and also make a smaller site that has the potential to download faster on the Web.

Creating and applying paragraph styles

Paragraph styles apply formatting to an entire paragraph and encompass all of the formatting options found in the Text panel, including font size, alignments, indents, and more. Next, you will create a paragraph style to save the formatting for the heading text and another style for the main body text on the ABOUT page so that you can apply that formatting elsewhere easily. Remember, after you create a style, it appears in the Paragraph Styles panel no matter which page of the site is open.

  1. Click the Paragraph Styles panel tab on the right side of the workspace.

    Take a minute to familiarize yourself with the options in the Paragraph Styles panel. As you progress through this exercise, you will learn about each of these options.

  2. With the Text tool, click three times in the first paragraph that begins with “Koffee Kart began as a whim …” to select it.
  3. In the Paragraph Styles panel, click the Create A New Style button (new-link-style.jpg) at the bottom of the panel.

    Muse saves the formatting from the selected text as a paragraph style and adds it to the Paragraph Styles panel. By default, Muse names the new style Paragraph Style, but you can, and should, rename it.

  4. In the Paragraph Styles panel, double-click the style named Paragraph Style to open the Style Options dialog box.
  5. Change the Style Name to GeorgiaBody.

    In the Style Options dialog box, notice that the formatting options that were saved from the paragraph text appear. Also, you will see the Paragraph Tag menu. To learn more about the Paragraph Tag menu, see the “Paragraph_tags.pdf” file in the Lesson04 folder. Click OK.

    When you create a new style from selected text, Muse does not automatically apply the style to that text; edits to the style would not affect the paragraph on which you originally based the style. To apply the new style to its paragraph of origin, you must apply the style after you make it. Double-clicking to name the style does that for you as well as lets you change the name to something that makes sense.

    You can always tell which style is applied to text by selecting that text or inserting the cursor in it and looking in the Paragraph Styles panel where the applied style’s name will be highlighted.

  6. Position the cursor over the new style in the list, now named GeorgiaBody.

    A yellow tooltip appears, listing the style settings. This can help you to differentiate between styles with similar names.

  7. With the Text tool selected, select the header text “ABOUT KEVIN’S KOFFEE KART.” Repeat steps 3 to 5, naming this new style, Heading.
  8. Insert the cursor into the paragraph that begins “The Koffee Kart specializes.” In the Paragraph Styles panel, click the GeorgiaBody style to apply it to the text.

    You can either simply insert the cursor in text or select the entire paragraph (or more) to apply paragraph styles.

After you create a paragraph style and begin working in your pages, you may change your mind later on and want to change the settings in the style. In Muse, when you change style settings, every paragraph that has that paragraph style applied will update.

Clearing overrides and editing a paragraph style

In Muse, changing a paragraph style setting is called redefining a style. To redefine a style, you edit the formatting for text that has the paragraph style applied. Then you redefine the style based on the changes. This makes the paragraph style match the new settings, and all other paragraphs with that style applied automatically update to match.

  1. With the Text tool, select the heading text “ABOUT KEVIN’S KOFFEE KART.” In the Control panel, change the Letter Space value to 0.

    Look in the Paragraph Styles panel. You can tell that the style named Heading is applied because it is highlighted, but you will also see a plus (+) to the right of the name. The plus indicates local formatting on the selected text. Local formatting means that there is formatting on the selected text that is different from the paragraph style applied to it.

  2. Position the pointer over Heading+ in the Paragraph Styles panel. A yellow tooltip appears displaying the style settings, a dashed line (-----), and then kerning: 0. Settings listed below the dashed line indicate formatting on the selected text that is not a part of the applied paragraph style.
  3. Click the Clear Style Overrides button (clear-override.jpg) at the bottom of the Paragraph Styles panel to remove the letter spacing applied to the heading text.

    This strips the formatting from the selected text, and reapplies the currently applied paragraph style. The plus (+) sign that was displayed to the right of the paragraph style’s name disappears once you click the Clear Style Overrides button.

  4. With the Text tool, select the entire first paragraph that starts with the text “Koffee Kart began as …” In the Control panel, change the Leading to 140%. Also, click the Color option in the Control panel, and change the RGB values to: R: 110, G: 97, B: 97.
  5. Press Enter or Return until the color options are hidden.

    Once again, look in the Paragraph Styles panel and you will see a plus appear next to the style named GeorgiaBody. Instead of clearing the overrides (removing the extra formatting), you will change the style to match the first paragraph formatting (including the new leading value and color).

  6. In the Paragraph Styles panel, position the pointer over the applied style named GeorgiaBody + and take a look at the overrides at the bottom of the yellow tooltip.
  7. Click the Redefine Selected Style button (redefine-style.jpg) at the bottom of the panel.

    Notice that the plus is gone from the right of the GeorgiaBody style name and that the bottom paragraph has updated to reflect the new formatting.

  8. Choose File > Save Site and leave the first paragraph selected for the next section.

Deleting and duplicating a paragraph style

In Muse, you may wind up creating multiple paragraph styles that are very similar to each other. For instance, you may want to create two versions of the GeorgiaBody style, with only a difference in font size. In that case, instead of creating a whole new style to closely match another, you can duplicate an existing style and adjust the formatting as necessary.

  1. In the Paragraph Styles panel, right-click (Windows) or Control-click (Mac OS) GeorgiaBody, the style applied to the selected text. Choose Duplicate Style from the context menu to create an exact copy of the style. Muse names it, not surprisingly, GeorgiaBody copy.
  2. Right-click (Windows) or Control-click (Mac OS) the new style (GeorgiaBody copy) and choose Rename Style from the context menu. Change the name of the style to GeorgiaBody small, and press Enter or Return.

    Renaming a style this way does not apply the new style to any selected text.

    In order to change the style duplicate, you will redefine the style. First, you need to apply the style to some text.

  3. Click GeorgiaBody small in the Paragraph Styles panel to apply it to the selected first paragraph. The paragraph will not change in appearance because the style is just a duplicate.
  4. Change the Font Size in the Control panel to 20 by typing 20 and pressing Enter or Return.
  5. Click the Redefine Selected Style button at the bottom of the Paragraph Styles panel to update the GeorgiaBody small style to match the selected text.

    You will use the new GeorgiaBody small style in place of the GeorgiaBody style. To do this, you can simply apply the new style to selected text and keep the original GeorgiaBody style, or you can choose to delete the original GeorgiaBody style (if you no longer need it), and Muse allows you to choose a style to replace it with. You will do the latter.

  6. Choose Edit > Deselect All in preparation for deleting the style.
  7. In the Paragraph Styles panel, select the GeorgiaBody style. Click the Delete The Selected Style button (delete-style.jpg) at the bottom of the panel.
  8. In the dialog box that appears, choose GeorgiaBody small and click Replace.

    The GeorgiaBody style is now gone and the last paragraph has the GeorgiaBody small style applied. Notice the text now displaying in the specified smaller font.

  9. Choose View > Hide Guides to temporarily hide the guides and get a better sense of what the text looks like on the page.
  10. Choose View > Show Guides to show the guides again.

Unlinking a paragraph style

At times, you may want to strip the formatting from text and start over. Or, perhaps you want text to retain the formatting you originally applied to it with a paragraph style, regardless of changes you later make to that style. Both tasks are simple to accomplish in Muse.

  1. With the Text tool selected, select the heading ABOUT KEVIN’S KOFFEE KART.
  2. In the Paragraph Styles panel, select the [None] style to remove the formatting and replace it with default formatting.
  3. Click the Heading style to reapply the style formatting.
  4. With the Text tool, select the caption paragraph “Photo by: Karen Koffee.”

    The caption is formatted, but it doesn’t have a paragraph style applied. You can easily strip the formatting from this sort of text as well, but you need to take a different route. In the Paragraph Styles panel, notice that the [None] style is already applied. That means that you cannot reapply that style to strip the formatting, but you can apply any other style, then click [None] again.

  5. Select any other style in the Paragraph Styles panel to apply it to the text.
  6. Select the [None] style to set the formatting back to default. Leave the text selected for the next steps.
  7. Select the Heading style in the Paragraph Styles panel to apply the style to the caption paragraph.

    Applying this style creates a starting point for formatting.

    The last piece of working with paragraph styles involves unlinking a style from text. If you want to create a style similar to another style or apply a style, but don’t want that text to update when the style updates, you can unlink the style from the text.

  8. Click the Unlink Style From Selection button (unlink-style.jpg) at the bottom of the Paragraph Styles panel.

    This applies the [None] style to the text, but leaves all of the Heading style formatting. You can now change the formatting of the selected text however you like and it will never update if the Heading style is redefined.

  9. Change the Font Size to 12, click the Italic button, click the Align Right button, and change the letter spacing to 0 in the Control panel. Notice that the caption text that you see may not appear to be italics.
  10. Choose View > Preview Mode. The Preview Problem dialog box may appear indicating that the web font you chose, Droid Sans Bold, does not have an italic style and it will be simulated. Click OK.
  11. Choose View > Design Mode to return to the ABOUT page.
  12. Choose File > Save Site.

Creating and applying a character style

Paragraph styles apply attributes to an entire paragraph, but you can apply character styles to selected text only. Character styles can include only the following formatting options: font, font size, color, styles (italic, bold, underline), and letter spacing. You access character styles from the Character Styles panel (Window > Character Styles).

Next, you will format the proper name “Koffee Kart” and apply that formatting throughout the page using a character style. Just know that once a character style is created, it appears in the Character Styles panel if any page in the site is open.

  1. Click the Character Styles panel tab on the right side of the workspace.

    Take a minute to familiarize yourself with the options in the Character Styles panel. They are the same as the Paragraph Styles panel.

  2. Choose View > Fit Page In Window.
  3. With the Text tool, select the text “Koffee Kart” in the first paragraph.
  4. Click the Italic button (italic.jpg) in the Control panel.
  5. Click the Text Color in the Control panel and choose the red color swatch (color square) that shows R=193 G=39 B=45 in the yellow tooltip when you position the pointer over it. See the figure for the correct red color.
  6. With the text “Koffee Kart” still selected, click the Create A New Style button (new-link-style.jpg) at the bottom of the Character Styles panel.

    Position the pointer over the new style named Character Style, and you’ll see the saved formatting appear in a yellow tooltip, just like in a paragraph style.

  7. Double-click the new style named Character Style. In the Style Options dialog box, change the Style Name to proper name and click OK.

    As with a paragraph style, by double-clicking to name the character style right away, you also apply it to the selected text from which the style was made.

  8. Select the first occurrence of Koffee Kart in the third paragraph.
  9. Click the style named “proper name” in the Character Styles panel to apply that formatting to the text.
  10. Click the Preview mode link to see the page in Preview mode.
  11. Click the Design mode link to return to the page.
  12. Choose File > Save Site.

Editing a character style

Editing a character style and the rest of the options in the Character Styles panel work identically to the Paragraph Styles panel.

  1. With the Text tool, select the phrase “Koffee Kart” in the first paragraph.
  2. Change the color of the text in the Control panel to a dark gray that appears as a swatch in the color options.
  3. In the Character Styles panel, position the pointer over the applied style (proper name +) and take a look at the overrides at the bottom of the yellow tooltip.
  4. Click the Redefine Selected Style button (redefine-style.jpg) at the bottom of the panel.

    Notice that the plus is gone from the right of the proper name style name and that the other Koffee Kart text has updated to reflect the new formatting.

  5. Choose File > Save Site.

When working with Character Styles, you will find that a lot of the features like duplicating, deleting, unlinking, and more are identical in functionality to paragraph styles.

Now that you have your text formatted and your styles created, you will copy some content from another site.

Pasting text between Muse sites

In this section, you’ll copy some text content from one page and paste it onto another. Copying and pasting text between pages in a site lets you keep the formatting. If you copy and paste text from one site to another site, the formatting is retained, and Muse copies any necessary text styles into the second site. This can be a great way to quickly duplicate styles from one site to another.

First, you need to add pages for this new content.

  1. Click the Plan mode link with your site showing.
  2. Position the pointer over the THE KOFFEE page thumbnail, and click the plus sign (+) beneath the thumbnail to create a new child page. Name the page Preparation.
  3. Position the pointer over the new Preparation page thumbnail, and click the plus sign (+) to the right of the thumbnail to create a new sibling page. Name the page Origins.
  4. Double-click the Preparation thumbnail to open the page in Design mode.
  5. Choose View > Fit Page In Window.
  6. Choose File > Open Site. Navigate to the Lesson04 folder in the Lessons folder.

    Choose the file named CopyText.muse, and click Open (Windows) or Select (Mac OS). This is the site from which you’re going to copy the content.

  7. With the new site open in Plan mode, double-click the Preparation page thumbnail to open the page in Design mode.
  8. Choose Edit > Select All, then Edit > Copy.
  9. Choose File > Close Site to close the site file and the Preparation page.

    You should now be back on the Preparation page you just created in your site.

  10. Choose Edit > Paste In Place.

    Pasting in place is a great way to paste content in the same relative location on a page as it was on the page you copied it from.

  11. Open the Paragraph Styles panel, and notice the new style named StepBody small.

    Any styles associated with the copied text are brought into the site into which you are pasting the text. If you paste text with a style that has the same name as a style in the page that you are pasting the text into, the existing style overrides the new style you are pasting.

  12. Choose File > Close Page to close the Preparation page and return to the ABOUT page.
  13. Click the Preview link to preview the text changes on the ABOUT page, then click the Design mode link to return to Design mode.
  14. Choose File > Save Site.

Rotating a text frame

As you’ve seen so far in this lesson, you can transform a text frame in multiple ways, including position and size. But you can also rotate a text frame. If you rotate text frames in Muse, the text in them is converted to an image when the site is previewed, published, or exported to HTML. It’s really best to rotate only small pieces of text, because images can add to the download time of the pages in the browser.

You will rotate the caption text frame so that when you place an image in Lesson 6, “Adding Images to Your Site,” you can position the text frame vertically to the right of the image.

  1. Select the Selection tool in the Toolbox, and click to select the caption text frame.
  2. Press Control+= (Windows) or Command+= (Mac OS) a few times to zoom into the caption text frame.
  3. Position the pointer off any corner point on the frame, and you’ll see a rotate symbol (rotate.jpg) appear.
  4. Click and drag in a clockwise fashion. As you drag, press and hold the Shift key. Drag until the frame is vertical on the page. Release the mouse button and then the Shift key.

    Muse shows a rotation value as you rotate in the Transform panel and allows you to change the rotation value numerically.

    Also notice that after the text frame is rotated, the Rasterized Text Frame Indicator appears in the corner of the frame. It looks like a letter “T” with an image icon next to it. This indicates that the text frame will become an image when the site is published or exported.

  5. Open the Transform panel (Window > Transform), and you’ll see the Rotation Angle (rotate-angle.jpg) value. Make sure that the Rotation Angle is 270.

    Because you are going to place an image in a later lesson and align the caption text frame to it, leave it where it is for now.

  6. With the Selection tool, drag the left edge (what used to be the bottom edge before rotation) to the left to close up the frame around the text, if necessary.
  7. Choose File > Close Page.
  8. Choose File > Save Site, and leave the site open in Plan mode for the next lesson.

In the next lesson, you will explore how to create and edit shapes as well as create and edit color in Muse.

4. Review questions | Next Section Previous Section

Adobe Press Promotional Mailings & Special Offers

I would like to receive exclusive offers and hear about products from Adobe Press and its family of brands. I can unsubscribe at any time.


Pearson Education, Inc., 221 River Street, Hoboken, New Jersey 07030, (Pearson) presents this site to provide information about Adobe Press products and services that can be purchased through this site.

This privacy notice provides an overview of our commitment to privacy and describes how we collect, protect, use and share personal information collected through this site. Please note that other Pearson websites and online products and services have their own separate privacy policies.

Collection and Use of Information

To conduct business and deliver products and services, Pearson collects and uses personal information in several ways in connection with this site, including:

Questions and Inquiries

For inquiries and questions, we collect the inquiry or question, together with name, contact details (email address, phone number and mailing address) and any other additional information voluntarily submitted to us through a Contact Us form or an email. We use this information to address the inquiry and respond to the question.

Online Store

For orders and purchases placed through our online store on this site, we collect order details, name, institution name and address (if applicable), email address, phone number, shipping and billing addresses, credit/debit card information, shipping options and any instructions. We use this information to complete transactions, fulfill orders, communicate with individuals placing orders or visiting the online store, and for related purposes.


Pearson may offer opportunities to provide feedback or participate in surveys, including surveys evaluating Pearson products, services or sites. Participation is voluntary. Pearson collects information requested in the survey questions and uses the information to evaluate, support, maintain and improve products, services or sites; develop new products and services; conduct educational research; and for other purposes specified in the survey.

Contests and Drawings

Occasionally, we may sponsor a contest or drawing. Participation is optional. Pearson collects name, contact information and other information specified on the entry form for the contest or drawing to conduct the contest or drawing. Pearson may collect additional personal information from the winners of a contest or drawing in order to award the prize and for tax reporting purposes, as required by law.


If you have elected to receive email newsletters or promotional mailings and special offers but want to unsubscribe, simply email ask@peachpit.com.

Service Announcements

On rare occasions it is necessary to send out a strictly service related announcement. For instance, if our service is temporarily suspended for maintenance we might send users an email. Generally, users may not opt-out of these communications, though they can deactivate their account information. However, these communications are not promotional in nature.

Customer Service

We communicate with users on a regular basis to provide requested services and in regard to issues relating to their account we reply via email or phone in accordance with the users' wishes when a user submits their information through our Contact Us form.

Other Collection and Use of Information

Application and System Logs

Pearson automatically collects log data to help ensure the delivery, availability and security of this site. Log data may include technical information about how a user or visitor connected to this site, such as browser type, type of computer/device, operating system, internet service provider and IP address. We use this information for support purposes and to monitor the health of the site, identify problems, improve service, detect unauthorized access and fraudulent activity, prevent and respond to security incidents and appropriately scale computing resources.

Web Analytics

Pearson may use third party web trend analytical services, including Google Analytics, to collect visitor information, such as IP addresses, browser types, referring pages, pages visited and time spent on a particular site. While these analytical services collect and report information on an anonymous basis, they may use cookies to gather web trend information. The information gathered may enable Pearson (but not the third party web trend services) to link information with application and system log data. Pearson uses this information for system administration and to identify problems, improve service, detect unauthorized access and fraudulent activity, prevent and respond to security incidents, appropriately scale computing resources and otherwise support and deliver this site and its services.

Cookies and Related Technologies

This site uses cookies and similar technologies to personalize content, measure traffic patterns, control security, track use and access of information on this site, and provide interest-based messages and advertising. Users can manage and block the use of cookies through their browser. Disabling or blocking certain cookies may limit the functionality of this site.

Do Not Track

This site currently does not respond to Do Not Track signals.


Pearson uses appropriate physical, administrative and technical security measures to protect personal information from unauthorized access, use and disclosure.


This site is not directed to children under the age of 13.


Pearson may send or direct marketing communications to users, provided that

  • Pearson will not use personal information collected or processed as a K-12 school service provider for the purpose of directed or targeted advertising.
  • Such marketing is consistent with applicable law and Pearson's legal obligations.
  • Pearson will not knowingly direct or send marketing communications to an individual who has expressed a preference not to receive marketing.
  • Where required by applicable law, express or implied consent to marketing exists and has not been withdrawn.

Pearson may provide personal information to a third party service provider on a restricted basis to provide marketing solely on behalf of Pearson or an affiliate or customer for whom Pearson is a service provider. Marketing preferences may be changed at any time.

Correcting/Updating Personal Information

If a user's personally identifiable information changes (such as your postal address or email address), we provide a way to correct or update that user's personal data provided to us. This can be done on the Account page. If a user no longer desires our service and desires to delete his or her account, please contact us at customer-service@informit.com and we will process the deletion of a user's account.


Users can always make an informed choice as to whether they should proceed with certain services offered by Adobe Press. If you choose to remove yourself from our mailing list(s) simply visit the following page and uncheck any communication you no longer want to receive: www.adobepress.com/u.aspx.

Sale of Personal Information

Pearson does not rent or sell personal information in exchange for any payment of money.

While Pearson does not sell personal information, as defined in Nevada law, Nevada residents may email a request for no sale of their personal information to NevadaDesignatedRequest@pearson.com.

Supplemental Privacy Statement for California Residents

California residents should read our Supplemental privacy statement for California residents in conjunction with this Privacy Notice. The Supplemental privacy statement for California residents explains Pearson's commitment to comply with California law and applies to personal information of California residents collected in connection with this site and the Services.

Sharing and Disclosure

Pearson may disclose personal information, as follows:

  • As required by law.
  • With the consent of the individual (or their parent, if the individual is a minor)
  • In response to a subpoena, court order or legal process, to the extent permitted or required by law
  • To protect the security and safety of individuals, data, assets and systems, consistent with applicable law
  • In connection the sale, joint venture or other transfer of some or all of its company or assets, subject to the provisions of this Privacy Notice
  • To investigate or address actual or suspected fraud or other illegal activities
  • To exercise its legal rights, including enforcement of the Terms of Use for this site or another contract
  • To affiliated Pearson companies and other companies and organizations who perform work for Pearson and are obligated to protect the privacy of personal information consistent with this Privacy Notice
  • To a school, organization, company or government agency, where Pearson collects or processes the personal information in a school setting or on behalf of such organization, company or government agency.


This web site contains links to other sites. Please be aware that we are not responsible for the privacy practices of such other sites. We encourage our users to be aware when they leave our site and to read the privacy statements of each and every web site that collects Personal Information. This privacy statement applies solely to information collected by this web site.

Requests and Contact

Please contact us about this Privacy Notice or if you have any requests or questions relating to the privacy of your personal information.

Changes to this Privacy Notice

We may revise this Privacy Notice through an updated posting. We will identify the effective date of the revision in the posting. Often, updates are made to provide greater clarity or to comply with changes in regulatory requirements. If the updates involve material changes to the collection, protection, use or disclosure of Personal Information, Pearson will provide notice of the change through a conspicuous notice on this site or other appropriate way. Continued use of the site after the effective date of a posted revision evidences acceptance. Please contact us if you have questions or concerns about the Privacy Notice or any objection to any revisions.

Last Update: November 17, 2020