Code for blog title font

  • 3
  • Question
  • Updated 7 years ago
  • Answered
Can anyone suggest what code I can add to my site to change the size of the blog title font? I use (or intend using) Tastlessly style which has the font in blue currently but is far too small.

Thanks.
Photo of dyfed

dyfed

  • 55 Posts
  • 0 Reply Likes
  • confident

Posted 9 years ago

  • 3
Photo of Andi North, Mangopear Media

Andi North, Mangopear Media

  • 782 Posts
  • 111 Reply Likes
Hi dyfed,

You can add the following code to the page using a HTML Widget:


<style type="text/css">
div.sys_blog div.post h2 a{
color: #990000 !important;
}

div.sys_blog div.post h2 a:hover {
color: #FF0000 !important;
}
</style>


You can change the

color: #990000
to any other colour that you fancy - color codes can be found here: http://www.colorpicker.com/

You can also change the font family by adding:

font-family: Arial, Helvetica, sans serif;

You can add any font name before the Arial (i.e. Verdana, or Lucida)

You can change the font size by adding:

font-size:14px;

You can add any number that you like.

The a:hover CSS Class is what happens when someone hovers their mouse over the title text. You can add the same variations as above aswell as:


text-decoration: underline;

You can add either: underline, bold, none. There are some others you can add but these are the main ones.

I hope this is useful information for you, if you need anymore help customising your blog please let me know!

Kind Regards,

Andi North