Support » Themes and Templates » Hatch theme: changing the font size/color/type of title

Viewing 12 replies - 1 through 12 (of 12 total)
  • You would need to add this to your style.css file — these styles are just for example — change to what you want:

    #site-title {
       font-family: Verdana, serif;
       font-size: 20px;
       color: #FF0000;

    I still am not seeing a change? Do I need to update any of the .php files for it to work?

    Thank you.

    Currently my css file says this:

    #site-title{font-size: 1.5em
    	line-height: 0;
    	font-weight: none;
    	margin: 0 0 5px 0;
    	word-wrap: break-word;}
    #site-title a {
    font-size: 1.5em
    color: #222;
    	border-bottom: none;

    Could you tell me what would need to change? Thank you so much.

    You should be able to add a font-family to the first section. Change the font size in both sections.

    The color you can change in the second section — BUT that will only set the color when it is an “unvisited” link.

    All the links in the site are being set by this CSS – -which is in the head section of the page — maybe set as a theme option?

    a, a:visited, #footer a:hover, .entry-title a:hover {
        color: #64A2D8;

    If you only want to change the title link color from that blue – add this to the style.css file:

    #site-title a, #site-title a:visited, #site-title a:hover, {
        color: #?????? !important;

    Obviously, put in the color you want in the above.

    I’ve attempted to add in a font-family change and it still isn’t working!

    Maybe I should take a different approach? Is there a way to hide the site-title and insert an image file instead?

    There is no font-family in the CSS style.css file — where did you add it?

    Changing to an image is likely more complicated…

    #site-title {
            font-size: 1.5em
    	line-height: 0;
    	font-weight: none;
    	margin: 0 0 5px 0;
    	word-wrap: break-word;
            font-family:  put the font here;

    What font are you wanting to use — if it’s not a regular font, that’s different (i.e. Google fonts have to be set up)

    Also, after you make any changes, clear your browser cache as styleshets are cached sometimes.

    This might be helpful as well:

    Thank you! I was not putting “font-family:” in the right place. Thank you for the link as well – you’ve been a major help.

    You’re welcome — your site is very pretty, BTW! Good luck with it.

    Hello there fellow bloggers!
    With theme Hatch I only have a few options for fonts, I would like to use different ones.. So my question would be how to add more fonts? Is there a plugin for that? Does anyone know?
    🙂 thanks!!

    Moderator Andrew Nevins


    Forum moderator

    lol sorry Lauraluzardo but this conversation has long ended.
    Try creating a new thread.

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Hatch theme: changing the font size/color/type of title’ is closed to new replies.