Website title in two colors (no picture)

• 

  mariolunank · Member · Oct 29, 2015 at 10:17 am

  • Copy link
  • Add topic to favorites

  Hi

  Is it possible to get the title of the site with diferent colors for each word, like I have it in here: http://www.saludextrema.org

  These are things I’d like to change before importing the new domain.

  Thanks in advance

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Oct 29, 2015 at 9:12 pm

  • Copy link

  Hi there, the site title is one string of linked text, so there really isn’t a way to make it two colors with CSS.

  What you could do would be to make an image of the title and then we could put that image into the site-title div and hide the text-based site title. This would be the general CSS to do that.

  .site-title {
      background: url('URL_OF_IMAGE") no-repeat scroll center center / contain transparent;
  }
  .site-title a {
  visibility: hidden;
  }

  Upload the image to your media library, get the URL of that image and replace URL_OF_IMAGE between the quote marks with the URL of your new image.