Use HTML text formatting to change "PAGE" title text style

5

Read Time2 Minute, 30 Second

Please take note this is just a quickie tips on how to change the font styling to the Post or Page title.

This example demonstrates how you can format PAGE title text in WordPress without the use of Cascading Style Sheet. You can format PAGE title on the spot as you create or modify pages.

Page Title

Image above showing how PAGE title would normally look like provided the theme you are currently using has its own style sheet to control the text appearance and style.

I’m going to show you how to use text formatting to change the PAGE title text style. HTML defines a lot of elements for formatting output, like bold or italic text.

You can use HTML text formatting like:

1. Using <i> and <em> tag

<i>text</i> => text

or

<em>text</em> => text

2. Using <strong> and <b> tag

<strong>This is STRONG text</strong> => This is STRONG text

or

<b>This is BOLD text</b> => This BOLD text

3. Using <small> tag

<small>This SMALL text<small> => This is SMALL text

4. Using <sub> and <sup> tag

<sup>This is SPERSCRIPT text</sup> => This is Supercript text

<sub>This is SUBSCRIPT text</sub> => This is Subscript text

Below method is not suitable if you wish to add a CSS styling directly to your post or page title area. Since WordPress software undergo constant update by the developers, adding font styling may or may not work anymore. You may have trouble with the page layout breaking up or causing errors to script.

or even change font families, size, color or combining elements altogether :

*reminder:

The <font> tag is deprecated in the latest versions of HTML (HTML 4 and XHTML) and should not be used. The World Wide Web Consortium (W3C) has removed the <font> tag from its recommendations.

<style=”font-family: verdana; font-size: 150%; color: green”>font family, size, color</style>

font family, size, color

[and the lists of HTML text and font element output goes on…]

You can learn more at: W3School

Here’s how:

a. Log in to your WordPress administrator.

b. If you wish to create new page click on WRITE -> PAGES, and if you already have pages created click on MANAGE -> PAGES ->EDIT the current pages.

c. In page title area, add the HTML codes and your PAGE title. We’re going to emphasized or italic the “ABOUT” text.

*refer to Picture 1.

Picture1

HTML Text Format

d. Finally, save and publish your PAGES. Preview it and you will have something like this.As you can see the “ABOUT” title text changed and it looked different than the other page titles.

*refer to Picture 2.

Picture 2

Edited Page Title

Try it yourself.Have fun.

Use HTML text formatting to change "PAGE" title text style 16 0 Use HTML text formatting to change "PAGE" title text style 17 0

5 thoughts on “Use HTML text formatting to change "PAGE" title text style

  1. Hi there, I’ve been trying something similar. A client wants his menu links to show up coloured differently, e.g., one word of the link is light colour and the other a darker colour, it’s a design company!

    I’ve added a span around the darker text with a style, and it works visually, but the main page title shows the span as well … which sucks. Any idea how to solve that?

  2. Hey, I want to put “new” next to the name of the page in small font and if possible in color. I can’t figure out how, what are the tags I need like for italic it’s the em tags? This is what my browser shows for what you wrote Small îšâ?¢ Small, is that what it should be and how do I use it?
    Thank You

  3. The quickest way to do it is by typing the word “new” in the text area when you want to create any post or page.

    Now, use the WYSIWYG editor that comes with WordPress, edit the font style and color. Then use the HTML editor to reveal the HTML tags.

    Copy that tags to your page title title area.

    And that’s it.

    Hope that helps.(-y)

    The only downside to this method is when user mouse over the title, the ALT tool-tip will show the tags instead of any text that described the link.

    There is a plugin that can style the text title without the use of the above method.

    If you want more

Leave a Reply

Your email address will not be published. Required fields are marked *

Human Verification: Enter the answer into the following box below based on the instructions contained in the graphic.


This site uses Akismet to reduce spam. Learn how your comment data is processed.

Next Post

King Diamond's latest album

Sat Oct 27 , 2007
photo: Massacre-Records Give Me Your Soul…Please is a concept album by King Diamond released on June 26, 2007. All King Diamond fans rejoice!. I announce that the “horror storyteller” is back! …again… King Diamond is back with a new album. Bringing his dark and epic tales to the masses. All […]
Use HTML text formatting to change "PAGE" title text style 19
%d bloggers like this: