top of page

Wix Blog: Customizing Your Blog Text (Fonts and Color)

2 hours ago
4 min read

Wix Blog: Customizing Your Blog Text (Fonts and Color)


You can customize text styles, such as fonts style, size, and color, that suit your blog's style. This helps you create a unique and consistent look that matches your brand, making your blog more engaging for your readers.


For example, if you run a travel blog, you can use vibrant colors and playful fonts to convey a sense of adventure and excitement, making your content more appealing to your audience.



Customizing default text styles for blog feeds


Your blog feed displays a list of posts (either all posts or specific ones that you choose) and allows readers to scroll through and select the post they want to read. Make sure to choose a text style that's easy to read when scrolling.


To set default text style for your feeds:


Wix Editor


  1. Go to your editor.

  2. Go to your Blog page:

    1. Click Pages & Menu

      Wix Blog: Customizing Your Blog Text (Fonts and Color)

      on the left side of the editor.

    2. Click Blog Pages.

    3. Click your Blog page under Blog Pages.

  3. Click the Blog element on your page.

  4. Click Settings.

  5. Click the Design tab.

  6. Click Posts.

  7. Click the tabs to choose which feed you want to design:

    • All Posts feed: This is your main post feed. It displays all of your posts or specific posts that you've selected. You can customize the colors and fonts of the text, choose the color of the text on hover, and adjust the overlay (the semi-transparent background).

    • Category feed: This feed shows a list of all your blog categories. Select the colors and fonts of the text, choose what color the text appears on hover and customize the borders and backgrounds.


A screenshot showing the all posts feed and the category feed tabs.

Studio Editor


  1. Go to your editor.

  2. Go to your Blog page:

    1. Click Pages

      Wix Blog: Customizing Your Blog Text (Fonts and Color)

      on the left side of the editor.

    2. Click your Blog page under Blog Pages.

  3. Click the Blog element on your page.

  4. Click Settings.

  5. Click the Design tab.

  6. Click Posts.

  7. Click the tabs to choose which feed you want to design:

    • All Posts feed: This is your main post feed. It displays all of your posts or specific posts that you've selected. You can customize the colors and fonts of the text, choose the color of the text on hover, and adjust the overlay (the semi-transparent background).

    • Category Feed: This feed shows a list of all your blog categories. Select the colors and fonts of the text, choose what color the text appears on hover and customize the borders and backgrounds.


A screenshot showing all post feed and category feed tabs.

Wix Harmony Editor


  1. Go to your editor.

  2. Click the Page dropdown at the top left of the page.

  3. (In the Site Pages panel) Select the Blog page under Blog Pages.

    Tip: Jump to the page you need by clicking the dropdown next to Site Pages and selecting Blog Pages.

  4. Click the Blog element on your page.

  5. Click Settings.

  6. Click the Design tab.

  7. Click Posts.

  8. Click the tabs to choose which feed you want to design:

    • All Posts feed: This is your main post feed. It displays all of your posts or specific posts that you've selected. You can customize the colors and fonts of the text, choose the color of the text on hover, and adjust the overlay (the semi-transparent background).

    • Category Feed: This feed shows a list of all your blog categories. Select the colors and fonts of the text, choose what color the text appears on hover and customize the borders and backgrounds.



Customizing a default text style for the Post page


The Post page displays the full blog post. It's a dynamic page, meaning the design remains the same, no matter what post you open. Make sure to choose a font that's easily readable for longer paragraphs of text. The text style you set here applies to all of your blog posts, unless you override it while writing the post itself.


To set a default text style for your Post page:


Wix Editor


  1. Go to your editor.

  2. Go to your Post page:

    1. Click Pages & Menu

      Wix Blog: Customizing Your Blog Text (Fonts and Color)

      on the left side of the editor.

    2. Click Blog Pages.

    3. Click Post.

  3. Click the Post Page element on your page.

  4. Click Settings.

  5. Click the Design tab.

  6. Click Text Style & Color.

  7. Adjust the colors and fonts of the paragraph (main body) and heading text.


A screenshot showing the design tab options available

Studio Editor


  1. Go to your editor.

  2. Go to your Post page:

    1. Click Pages

      Wix Blog: Customizing Your Blog Text (Fonts and Color)

      on the left side of the editor.

    2. Click Post under Blog Pages.

  3. Click the Blog Post element on your page.

  4. Click Settings.

  5. Click the Design tab.

  6. Click Text Style & Color.

  7. Adjust the colors and fonts of the paragraph (main body) and heading text.


A screenshot showing the option to customize text style and color.

Wix Harmony Editor


  1. Go to your editor.

  2. Click the Page dropdown at the top left of the page.

  3. (In the Site Pages panel) Select the Post page under Blog Pages.

    Tip: Jump to the page you need by clicking the dropdown next to Site Pages and selecting Blog Pages.

  4. Click the Blog Post element on your page.

  5. Click Settings.

  6. Click the Design tab.

  7. Click Text style and color.

  8. Adjust the colors and fonts of the paragraph (main body) and heading text.



Customizing text styles within a specific post


By default, your posts use the text styles that you set for the Blog Feeds and Post page. However, you can override these settings for a specific post, or for a specific paragraph or word within a post. This is useful if you want to highlight a specific phrase or section.


To set the text style within a post:


  1. Go to Blog in your site's dashboard.

  2. Click + Create New Post or click an existing post.

  3. Highlight the text you want to style.

  4. Customize the text using the options in the text editing toolbar.


A screenshot showing text from a blog pot highlighted.

Comments


wix experts
Graphic2Traffic web design
©
bottom of page