How to style individual words or phrases within a post titles

  • I want to produce post titles that look like the headlines in the The Guardian, the UK news site. I’ve tried using in-line CSS to title text from within the post-edit window, but the CSS itself shows up. I’ve also searched for plugins, and I’ve found none to do this.

    Suggestions?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    One option is to use <span> in the title — <span class="title-blue">This is the stuff /</span>to highlight and use CSS

    span.title-blue { color: blue; }

    When you add code by typing the actual HTML tags in a post, make sure you are typing it on the ‘text’ tab instead of on the ‘visual’ tab. Not in the Editor itself. In the editor you use the toolbox if it is enabled, to Bold/Italic/Underline change font sizes, all that jazz.

    Image of Tab Placement on Normal Post Editor

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to style individual words or phrases within a post titles’ is closed to new replies.