Page 1 of 1

Style Sheet Problems

PostPosted: Tue May 18, 2004 4:08 pm
by enthios
I"m tring to change the font color/size in my Style Sheet (enthios4) but nothing seems to work. Here is a sample photo:

http://www.pbase.com/image/28365384

So my question would be, what is the H# for Caption?
For Location?
For Title?

I've tried changing them all, and nothing happens.

Thanks in advance...

PostPosted: Tue May 18, 2004 9:45 pm
by alangrant
Well, the relevant section of the source code on your page looks like this:

Code: Select all
<div id="imageinfo" class="imageinfo">
  <h3 class="title"><span class="title">IMGP2895w.jpg (title)</span></h3>


  <h3 class="location"><span class="location">location</span></h3>


  <div id="imagecaption" class="imagecaption">
  <p class="caption">

  Caption
  </p>
  </div>
...



You can see that each of the items you asked about is wrapped by several tags. EG the title is inside a SPAN of class "title" which is inside a H3 of class "location" which is inside a DIV of class "imageinfo" (along with the caption and location).

This gives you several ways of controlling the display of image info. The most reliable way is probably to use the innermost elements, something like this:

span.title
{
font-size: 15px;
}

span.location
{
font-size: 10px;
}

p.caption
{
font-size: 9px;
}

See also this thread.