How do I change the color and font of the page Header Text?

  • 1
  • Question
  • Updated 8 years ago
  • Answered
How do I change the Color and Font of the pages Header Text? I thought this was just an unavailable feature until I saw Bear House's site. That is SO COOL.

Also, how did they import an outside font? That "Disney-Style" font wont work for my site (though it is ABSOLUTELY ADORABLE on theirs!) but I think that it would be a useful skill to know!

Thanks.

--Amber
Photo of Amber

Amber

  • 8 Posts
  • 0 Reply Likes
  • loving that header style!

Posted 10 years ago

  • 1
Photo of Emmy

Emmy

  • 78 Posts
  • 9 Reply Likes
Hi Amber,
To do what Honey Bear Playhomes did you will need to choose a template style that allows you to change the top banner then create your own banner and upload it to that spot.

You can reference this post from a Synthasite employee for good instructions on how to do this: http://getsatisfaction.com/SynthaSite/topics/how_do_i_change_the_banner_of_my_webpage?utm_medium=widget&utm_source=widget_SynthaSite.

Good luck!

Emmy
Photo of Amber

Amber

  • 8 Posts
  • 0 Reply Likes
Emmy,

Thanks for the heads up! I am building my first SynthaSite, so I didn't realize it was my choice in templates that was limiting me! I appreciate the help.

Have a SPECTACULAR day!

Gentle Blessings,
--Amber
Photo of Emmy

Emmy

  • 78 Posts
  • 9 Reply Likes
You have a spectacular day as well!

Emmy
Photo of Eleshea

Eleshea

  • 23 Posts
  • 1 Reply Like
I have found a way change the color, size for the Header Text!

For changing the color:
-Click on your Header Text. A box should pop up with your text in the typing area.

-Copy the HTML (font color="#your color here") to the front and back of the the title you wish you have. Copy and paste what is between the parentheses. LEAVE OUT THE PARENTHESES. You will also have to add < in front of the word "font" (< font) and > at the end of the quotations (">). The reason you have to do this is because when I typed the whole thing it disappeared. lol.

Use the link below to choose what color you are interested in using.

Click ''ok''. The color should change to the color you choose.

here is a link to a complete HTML color list.
http://www.immigration-usa.com/html_c...
______________________________________________________________________

For changing the font size:
-Click on your Header Text. A box should pop up with your text in the typing area.

-Copy the HTML (font size="your size" color="#your color") to the front and back of the the title you wish you have.

-Copy and paste what is between the parentheses. LEAVE OUT THE PARENTHESES.

-You will also HAVE TO add < in front of the word "font" (< font) and > at the end of the quotations (">). The reason you have to do this is because when I typed the whole thing on here it disappeared. lol.

-This is an example of font sizes:
font size="1"
font size="2"
font size="4"
font size="5"
font size="6"
font size="7"

IF YOU DO NOT WISH TO CHANGE THE COLOR OF YOUR TEXT DELETE (color="#your color").

I hope this helps you.

check out my website:
www.martinsbunnies.com
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Thank you for sharing Eleshea! Please be careful when doing this as a mistyped code can end up breaking your page. Always be sure to try on a test page first.
Photo of Eleshea

Eleshea

  • 23 Posts
  • 1 Reply Like
Would you mind double checking my work? I believe i typed everything correctly. Please let me know if i didn't.
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Looks good! Just to clarify, the code should look like this:

<font color="#5dc4d3" size="9">YOUR TEXT GOES HERE</font>