WordPress.org

1. lyndsay-mcneill
   Member
   Posted 11 months 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 11 months 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 11 months 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 11 months 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 11 months 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 11 months 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 11 months 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 11 months 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 11 months ago #
   

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

10. lyndsay-mcneill
    Member
    Posted 11 months 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 11 months ago #
    

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

Reply

You must log in to post.