How to change the color of one word in Site-title ?

  • Hello guys,
    I am trying to change the color of one word in my site title.
    I have little knowledge of html and CSS.

    https://coolstuffgift.com/

    my site title is “Cool and Creative stuff” and I am trying to get the word “stuff” in white color. I try it with span tag, I copy paste some php code from this forum to allow me to do that. which do not seems to work for my theme.
    I am using ‘dynamic news lite’ free version.

    when I try add word “stuff” to my title as a pseudo element from css, which seems to work but only in firefox and some version of IE but not in chrome.

    I would appreciate it if any of you guys can help me with this.

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

  • Your current :after pseudo element rule will work if you remove the -webkit-text-fill-color property from this rule:

    #logo .site-title {
    color: #ff5a09;

    background: -webkit-linear-gradient(#ff5a09, #c85a09);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;
    font-family: "Yanone Kaffeesatz",Arial;
    font-size: 3em;
    font-weight: bold;
  margin: 0 auto;
  float:left;
}

    Thread Starter lobsang1234

    (@lobsang1234)

    Thanks a lot, this really helps man.

    How stupid of me for copying a random code without actually knowing how it is effecting the site.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to change the color of one word in Site-title ?’ is closed to new replies.