Individually color and style website name/title letter by letter

  • Hello,

    Has anyone ever done this? Can this be done in wp using html and css instead of an image?

    Let’s say the website is called Panamera

    I would like to break it up into:
    Pa-na-me-ra use a different font for each syllable and a different color for each.

    using twentyten

    thanks

Viewing 2 replies - 1 through 2 (of 2 total)

  • can be done – but not automatically;

    edit header.php (or whereever the title output is) and replace the (?) <?php bloginfo('name'); ?> with your hardcoded title, broken up into syllables with html spans.

    example:

    <span class="s-1">Pa</span><span class="s-2">na</span><span class="s-3">me</span><span class="s-4">ra</span>

    then use css for styling:

    .s-1 { color: green; }
    etc

    https://www.w3schools.com/css/css_font.asp

    Thread Starter botnec

    (@botnec)

    Thanks very much!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Individually color and style website name/title letter by letter’ is closed to new replies.