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

Viewing 12 replies - 1 through 12 (of 12 total)
  • WPyogi

    (@wpyogi)

    Forum Moderator

    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;
    }
    lyndsay-mcneill

    (@lyndsay-mcneill)

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

    Thank you.

    lyndsay-mcneill

    (@lyndsay-mcneill)

    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.

    WPyogi

    (@wpyogi)

    Forum Moderator

    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.

    lyndsay-mcneill

    (@lyndsay-mcneill)

    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?

    WPyogi

    (@wpyogi)

    Forum Moderator

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

    Changing to an image is likely more complicated…

    WPyogi

    (@wpyogi)

    Forum Moderator

    #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.

    WPyogi

    (@wpyogi)

    Forum Moderator

    This might be helpful as well:
    http://codex.wordpress.org/Playing_With_Fonts

    lyndsay-mcneill

    (@lyndsay-mcneill)

    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.

    WPyogi

    (@wpyogi)

    Forum Moderator

    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

    (@anevins)

    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.