I can't get the font-size to take effect.

AcerPaws · 03-20-2013, 11:10 AM

I'm trying change the font size for my title (the WEBSIO part) but for some reason it won't take effect. Any help would be appreciated. Here is the html and css. I've also highlighted the effected area.

HTML

Code:

    <body>
		<div class="container_24">
			<header>
				<div class="grid_5" title">WEBSIO</div>
				<nav class="grid_19">
					<ul>
						<li>Home</li>
						<li>About</li>
						<li>Services</li>
						<li>Portfolio</li>
						<li>Contact</li>
					</ul>
				</nav>
			</header>
		</div>
	</body>
</html>

CSS

Code:

.title {
	font-size: 33px;
	font-family: corbel;
}

Thanks.

VIPStephan · 03-20-2013, 11:42 AM

There is a syntax error. The value of the class attribute is closed after “grid5” (see the double quotes). The browser thinks you have a title attribute following but it has no value, just a random double quote.

AcerPaws · 03-20-2013, 11:52 AM

Ahh I see it now. I don't know why I put that there.

Thanks Stephan, that fixed it.