WordPress.org

Ready to get started?Download WordPress

Forums

[closed] Hatch theme: changing the font size/color/type of title (13 posts)

  1. lyndsay-mcneill
    Member
    Posted 2 years ago #

    Hello,

    I am just setting up my Hatch blog but I cannot change the site-title. I have tried to go into the CSS stylesheet to do so but nothing is working. Please help!

    http://www.lyndsay-mcneill.com

  2. WPyogi
    Volunteer Moderator
    Posted 2 years ago #

    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;
    }
  3. lyndsay-mcneill
    Member
    Posted 2 years ago #

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

    Thank you.

  4. lyndsay-mcneill
    Member
    Posted 2 years ago #

    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.

  5. WPyogi
    Volunteer Moderator
    Posted 2 years ago #

    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.

  6. lyndsay-mcneill
    Member
    Posted 2 years ago #

    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?

  7. WPyogi
    Volunteer Moderator
    Posted 2 years ago #

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

    Changing to an image is likely more complicated...

  8. WPyogi
    Volunteer Moderator
    Posted 2 years ago #

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

  9. WPyogi
    Volunteer Moderator
    Posted 2 years ago #

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

  10. lyndsay-mcneill
    Member
    Posted 2 years ago #

    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.

  11. WPyogi
    Volunteer Moderator
    Posted 2 years ago #

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

  12. lauraluzardo
    Member
    Posted 1 year ago #

    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!!

  13. Andrew
    Forum Moderator
    Posted 1 year ago #

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

Topic Closed

This topic has been closed to new replies.

About this Topic