Custom Title

theinnerground · Member · Feb 16, 2015 at 4:52 am
Copy link

Add topic to favorites
Hello,
I am trying to use css to change the title of my site to Brandon Grotesque. When I change it in custom view – it changes both the title and subtitle. Can you help me to us css to change only the title?
Can you tell me also how to change the size, color and style if I desired?
Thank you.
http://www.evoluamovement.com

The blog I need help with is: (visible only to logged in users)
staff-happychia · Staff · Feb 16, 2015 at 8:11 am
Copy link
Let’s reset the font of description to Open Sans.
```
h2.site-description {
    font-family: 'Open Sans' sans-serif;
}
```
Change the color, size (original size is 27px) and style of the title:
```
#logo h1.site-title a {
    color: red;
    font-size:40px;
    font-style: italic;
}
```
You can check other values for font-style property here.

Please feel free to let me know if you need anything else :-)
theinnerground · Member · Feb 21, 2015 at 8:33 pm
Copy link
Thank you. I have been playing with this, but am having some trouble still.
Is there a list somewhere of the font-family names that I must write to achieve the adjustment in CSS – so for example if I wanted to try Comic Sans as an example – how do I write this for it to work. I just need a list, so I can try out different fonts – most of them are not changing anything, so I am assuming I am writing it incorrectly.

I want only to change the title, not the subtitle. I can adjust the subtitle through the customize controls and do not need to use CSS at all.

Thank you again for any suggestions!
thesacredpath · Member · Feb 26, 2015 at 8:00 pm
Copy link
Hi, browsers first look to see if the font has been loaded and exists within the website, and if not, it looks to the visitor’s computer, and if it doesn’t find it in either of those places, it will substitute its own serif or sans serif font. Comic Sans will not be available on all computers, so you need to use a font stack. The browser will try and use the first, and if it isn’t available, then it will use the second, and so on. The last fallback should always be either serif or sans-serif as those both exist within the browser itself. The following would be the font stack if you wished to try comic sans. The fallbacks are the original open sans and the sans-serif.
```
#logo h1.site-title a {
    font-family: 'comic sans ms', 'open sans', sans-serif;
    font-size: 34px;
}
```
This is a good resource for cross-browser web safe fonts.

No items found.