Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS [Solved] Larger font dislodging image Reply To: [Solved] Larger font dislodging image

#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'>