Home › Forums › CSS › [Solved] Larger font dislodging image › Reply To: [Solved] Larger font dislodging image
June 3, 2014 at 3:08 pm
#171707
Atelierbram
Participant
You are not only changing the font-size, but also changing semantics, which is ok here I suppose, as long as you are aware of this. The background-image is not declared on the #sidebar h2
, so that is the reason for not showing up (but you might as well use a border on the bottom for this).
#sidebar h2 {
padding-bottom: .125em;
border-bottom: 8px solid #dbdd68;
}
BTW there is a faux bolding on the h2
. You can fix this by including the bold weight from google-webfonts in the head:
<link href="http://fonts.googleapis.com/css?family=Tangerine:400,700" rel="stylesheet" type="text/css">
When only using the bold weight do:
<link href='http://fonts.googleapis.com/css?family=Tangerine:700' rel='stylesheet' type='text/css'>