CSS rule for image title

plocploc / 2012-06-08 08:24:57   

I'm sorry but if i found where to change the style of image'title (base.css line 104)
I can't find where I may put this title a little bit closer to the thumbnail.
Do you have any idea ?
thanks

pernin / 2012-06-08 08:46:08   

maybe one of these:
#img-container .captioning
#img-container .captioning .title

plocploc / 2012-06-08 09:10:09   

There you may increase the padding around the title so write the title far from the image. But I want to be close and I'm looking for reducing the padding around the image.

plocploc / 2012-06-08 09:10:26   

Thanks for your answer (I forgot to tell)

pernin / 2012-06-08 09:18:41   

try with some other element in img-container:

change one, shift-refresh, if it works keep it, otherwisa change back and change a different one

plocploc / 2012-06-08 09:36:20   

Sorry but I don't understand

In base.css we have

/* generic #img-container - but remember that exhibit formats can override these */
#img-container { }
#img-container p { }
#img-container .captioning { }
#img-container .captioning .title { }
#img-container .captioning .caption { /* font-size: 13px; */ text-align: left; }

What Have i to write to reduce the distance between thumbs and title ?

I can find something like padding or margin I can change

Don't you think it might be in "format.visual_index.php" but I'm scary to rewrite it ?

Well it's not that essential anyway ? We won't spend the entire day on it ;-)

pernin / 2012-06-08 10:21:36   

use firebug in firefox or developer tools in chromium to identify elements, then you can change them in the corresponding file

plocploc / 2012-06-08 10:33:45   

I did but it's not obvious. Still didn't find it

pernin / 2012-06-09 09:22:28   

#img-container .captioning .title

I see that margin-top for that is 3px, which is already too close for my taste, if you reduce it to 0 it will be in contact with the bottom border of the image

anyway, you're right, it's overridden by the exhibition format:
/* generic #img-container - but remember that exhibit formats can override these */

format.visual_index.php, gives, at the very end:
#img-container .captioning .title { margin-top: 3px; text-align: {$talign}; }";

you'll have to change it here, just edit in assets as you would a css file (always remember to have a backup copy, in case you nuke it)

This thread has been closed, thank you.