I tried using a .png pic for my logo, but I was unhappy with the fact it kept getting blurry in Firefox. So I tried using the Site Title (text logo version), and it seems to handle resolution changes better (that is, it doesn’t get blurry when zooming in like my logo picture).
The problem is, I can’t figure out how to change the Site Title font. I used “inspect elements” in Chrome, and found this css code for the site title:
.header-logo-wrap .td-logo-text {
display: block;
font-family: ‘Roboto Condensed’, sans-serif;
font-size: 40px;
}
But when I put that into the Custom CSS window and change it, f.ex. I tried changing the font size to 60px, there is no change at all (I’m hitting f5 in the browser, and the size doesn’t change). What am I doing wrong?
Hi,
The code that you find it is correct and it should change, please try to use !important: http://screencast.com/t/CKfLooePVbH
.header-logo-wrap .td-logo-text{
font-family: Ubuntu;
font-size: 60px !important;
color: red;
}
.header-logo-wrap .td-tagline-text{
font-family: Ubuntu;
font-size: 20px;
color: blue;
line-height: 41px;
}
Thanks!
That fixed it, thanks!
