Formatting Text in Articles

Most of your text's formatting is defined in the Cascading Style Sheets (CSS), although you can add bold or italics from the Text Toolbar. You can also change the text type (e.g. regular text to list-formatted), link to other articles or web addresses, and insert inline images. 

To format text in an article:

  1. Go to the Content Editor of the relevant article. 
  2. Highlight the text you'd like to format.
  3. Select an option from the Text Toolbar:
    • Bold: Click the Bold icon to make your text bold (or click Ctrl + B).
    • Italics: Click the Italics icon to italicize your text (or click Ctrl + I).
    • Link: Click the Link icon to hyperlink your text. Paste the Target URL or search for an article and select it, then click Insert Link
    • Bullets: Click the Bullets icon to change your text into a bulleted list.
    • Numbers: Click the Numbers icon to change your text into a numbered list.
    • Image: Click the Image icon to add an inline image, then select an option:
      • Upload image: Click Upload New Image, select a file from your computer and click Open. Then click Update.  
      • Paste image URL: Paste the URL of an image in the Image Link field and click Update.  
Note:
We recommend adding images using separate content blocks. Use the inline images method in the Text Toolbar to add icons to lines of text. 
Important:
If you experience issues with text that's been copied and pasted from an external source, try removing the formatting

Related Articles

Adding Text to an Article

Create articles that mostly consist of various types of text blocks. You can add text in different content blocks to make it easy to rearrange them later. To add text to an article:Go to an article's Content Editor. Hover over the left side of a content block and click the Add a block icon . Click the Text icon  and select a text type:Text: Add a standard block of text. Learn how to format your text.  Bulleted: Add a bulleted list. Use bulleted lists for single-step procedures or to list items that don't require a particular order. Numbered: Add a numbered list. Use numbered lists for multiple-step procedures that require a particular order. Enter your text in the Write something field. (Optional) Highlight your text and format it using the available options.Tip:You can also add text using different types of content blocks such as subtitles, informative notes, collapsible blocks, and more. Learn more about the types of content blocks you can add. 

1 min read

Request: Changing the Font of Your Knowledge Base

Currently, it is not possible to change the font of your Knowledge Base using the settings in your Wix Answers account. However, it is possible to use CSS to change the font using custom head code and/or CSS. Custom head code and CSS are Premium features. Click here to learn more about purchasing a Premium Plan.We are constantly working to update and improve our products, and your feedback is greatly appreciated.If this is a feature you would like to see in the future, please click Vote for this feature and we'll make sure to keep you updated.

1 min read

Adding Custom CSS to Your Help Center

Wix Answers gives you the design tools you need to customize the look and feel of your Help Center. You can change the logo, add a background image and switch the color. You can also customize the text that appears on your Help Center pages to match your business's tone and voice. Learn MoreFor more advanced customization, add custom Cascading Style Sheets (CSS). Add Custom CSSUse custom CSS if the adjustments you'd like to make to your Help Center's appearance are not available in Settings. To add custom CSS to your Help Center:Hover over Settings  in the side panel and click Help Center.  Click the Advanced tab.Scroll down to the Custom Code section.Click Edit next to Custom Scripts & CSS.Enter the CSS code in the Custom CSS field. Click Save.Note:You can link in a CSS style sheet, such as for a custom font, using Custom Head Code. To vote for the ability to modify your font without using CSS, click here and then click Vote at the bottom of the article. CSS ExamplesView the following examples of CSS implementations below:TaskCSS ExampleChange the font on all pagesTo use a custom font, first add it to the header by linking in a style sheet; see  Custom Head Code.body {  font-family: 'Arial' !important;}Add a repeated background image on all pagesbody {  background-image: url("gradient_bg.png");}

2 min read

Troubleshooting Formatted Text Pasted into the Content Editor

The most common problems with formatted text occur when formatting silently carries over from the source of the copied text. If you're experiencing issues with text that was copied and pasted into the Content Editor, try pasting without formatting. To copy and paste without formatting:Highlight the text from its original source.Copy the text: Press Ctrl + C (on a PC)Press Command + C (on a Mac)Open the Content Editor of the relevant article and click inside a text content block.Paste without formatting:Press Ctrl + Shift + V (on a PC)Press Command + Shift + V (on a Mac)Tip:Once you've removed the formatting from your text's previous source, re-format your text using the Content Editor.If removing formatting does not resolve the text issue:Contact us with the following information and we'll be happy to troubleshoot further:A description of the issue. The exact string of text you're having issues with.The name of the article in your Wix Answers account.Where the issue is occurring within the article. A screenshot or video of the issue. 

1 min read

Adding Images to Articles

Add images to articles to illustrate instructions, showcase products, show icons, and more. Add them as separate content blocks for easy rearranging or as inline images within the text. Supported file types:Wix Answers supports the following image file types: jpeg, jpg, png, gif, ico, bmp, and tiff.Learn more about: Adding images as separate content blocks Adding inline imagesAdding Images as Separate Content BlocksWe recommend adding images as separate content blocks whenever possible. This makes it easy to rearrange within the article, or copy and paste into another article. The image always appears centered on the screen and viewers can click to expand it. For example:To add an image as a content block: Go to the Content Editor of the relevant article. Hover over the left side of a content block and click the Add a block icon . Click the Image icon  . Click Upload. Select a file from your computer and click Open. (Optional) Add image alt text: Hover over the image and click Add Image Alt Text. Enter the image's alt text and click Save. Note:Uploaded images display at a maximum width of 628 px on your live articles. When clicked, they expand in your browser window.Adding Inline ImagesAdd an inline image whenever you need to add an image within a text, informative, or collapsible block. This method is great for adding icons within the same line as the text itself. For example, this Text icon  is an inline image. Tip:When adding icons, we recommend uploading images that are no larger than 16 pixels high to keep the spacing between text lines consistent. To add an inline image: Go to the Content Editor of the relevant article. Place your cursor where you want to add the image. Press the space bar on your keyboard then highlight the space you added. Click the Image icon . Choose an option:  Upload New Image: Click Upload New Image, select a file from your computer and click Open. Image URL: Paste the URL of an image in the Image URL field. (Optional) Paste a URL in the Link to (optional) field to link the image to a webpage. (Optional) Enter alt text in the Image alt text field. Click Update.Notes: To add an inline image below a step of instructions, press Shift + Enter on your keyboard, then double-click to open the text options menu. Copying and pasting images from other sources is not supported. To add images to your articles, use the supported methods above.

3 min read