How can I get bigger font sizes in titles?

  • 1
  • Question
  • Updated 10 years ago
  • Answered
How can I get bigger font sizes in titles?
Photo of Sebastian


  • 13 Posts
  • 0 Reply Likes

Posted 12 years ago

  • 1
Photo of Monique

Monique, VP of Customer Support

  • 6294 Posts
  • 446 Reply Likes
Hi Sebastian

If you are referring to the heading of your page, then the font style and size is set by the style you select.

We are working on more style customization options all the time and one day it will be possible to edit the font of your page heading.

If you want to increase the size of the font on the main section of your page, you can do this by clicking on the "font size" or "font format" icons on the text editing toolbar. The text editing toolbar is only visible when you are editing a text widget.

I hope this answers your question.

Photo of sarah


  • 17 Posts
  • 1 Reply Like
Has this been done yet at all, using a style where the default page heading is HUGE!
Photo of Donald


  • 2991 Posts
  • 37 Reply Likes
this is actually incorrect Monique. Yola's heading CAN be changed. I can change color and/or size as well as insert an image in the heading.

Click the properties bar and click in the page heading section. Insert the html required for a different size. Although, I just noticed how old this is.
Photo of sarah


  • 17 Posts
  • 1 Reply Like
Thanks Donald, do you have a sample of this code I could use.
Photo of Emmy


  • 5892 Posts
  • 299 Reply Likes
Hi Sarah,
Right now the font size is set by the style. You can however create your own banner if you want and include your own text if that would work better for you; although if you wanted a different header on each page you would need to create a different banner for each page with the various text headings.

SynthaSite offers a selection of styles that allow you to change the banner image. If the banner image can be changed, you will see a white box with an instruction placed over the default banner image.

To change the banner image:
1. Click on the white instruction box that says "click here to change banner image"
2. The file manager will open up that will allow you to browse your computer for a picture to upload
3. When you are done, click "ok" and your own image will replace the default image
4. If the dimensions are not quite right you can fix this by choosing the "edit with Picnik" option in the file manager. Picnik is a web-based image manipulation tool that has an option for you to resize your image. When you are done, click "save to SynthaSite" and the new image will replace the old one.

Please note that the white instruction box will only appear in editing mode, and will disappear when you preview or publish your site. Also, you may use the default banner image if you wish.

Here is a link to more information on the attributes of the different styles: SynthaSite Style Guide.

Hope this helps!

Photo of Fern Anderson

Fern Anderson

  • 5 Posts
  • 0 Reply Likes
I've been able to adjust the color and size of the titles in my blog. I did this with HTML code.

Since the titles are links, I used a HTML css style to affect the links on the blog page. The code is like this:

Open angle brackets ... style type="text/css" ... close angle brackets
a:link {color: #245923; text-decoration: none; font-family:Georgia; font-size:16pt}
a:active { color: #245923; text-decoration: none; font-family:Georgia; font-size:16pt}
a:visited { color: #245923; text-decoration: none; font-family:Georgia; font-size:16pt}
a:hover { color: #173f81; text-decoration: underline; font-weight:bold; font-family:Georgia}
Open angle brackets ... /style ... close angle brackets

You may modify the code to put in the font color, weight, size, family etc. suitable for your site.

I had to use the words open angle brackets and close angle brackets since the codes within them do not appear when I post this comment.

I know you'll be happy now :)
Photo of Sanja


  • 10698 Posts
  • 495 Reply Likes
Thanks Fern!

Here's a handy tip - if you want to post code on the forum, you can use this encoder:

Paste your code in the box and then encode. Copy the encoded text and paste into your post.