How do I change the font of one word in my header?

• 

  danielandrebekahkutz · Member · Feb 27, 2014 at 2:43 pm

  • Copy link
  • Add topic to favorites

  I want a header that has several words in one font and one word in a different font. What’s the best way to do this?

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

• 

  jeremeylduvall · Member · Mar 3, 2014 at 7:20 pm

  • Copy link

  Hi there,

  The best way to accomplish this is to use the :before attribute in CSS like this:

  #logo h1 a:before {
  	content: "Home";
  	font-family: "Times New Roman";
  }

  For example, the header of your site is currently Home Sweet French Home. You can change the content attribute above to “Home Sweet” and adjust the font style of those two words. Then, you would want to change the Site Title to French Home to avoid duplication of Home Sweet. Does that make sense?

  Let me know if that is what you’re looking to accomplish! If you’re looking to highlight a word within the title, it can be done. You would also just need to use the :after attribute. Let me know what you’re looking to do, and I’ll set it up!

• 

  jeremeylduvall · Member · Mar 24, 2014 at 3:47 pm

  • Copy link

  I went ahead and answered your additional questions here:

  https://en.forums.wordpress.com/topic/how-do-i-change-my-header-image-to-be-the-right-size?replies=6

  Please keep all further correspondence there to prevent confusion! I’ll be closing this thread to further comments.