reducing space between Image title and image( not thumbnails ) in visual index format.

Leetomic / 2012-11-02 03:16:10   

Hi,

I would like to reduce the space between a image title and image ( which is the image coming after i click the thumbnails)
What file should i customize? Style.css or visual index.php???
and How??
Please help! ( Again, It's not thumbnails, it's image after thumbnails)

leetomic.com/index.php/project/testb/…

arsondpi / 2012-11-02 06:52:34   

in your style.css (line 40) set #exhibit p { margin-bottom: 0; }

Leetomic / 2012-11-02 07:19:19   

exhibit p, code, blockquote { width: 450px; margin-bottom: 1em; /* line-height: 1.3em; */ }

I changed margin-bottom to "0 " but not thing happens?
Can you take a look at the link of my website?
I don't know why..

Leetomic / 2012-11-02 07:26:53   

I mean, space between " image TITLE & image "

arsondpi / 2012-11-02 07:29:11   

It works from my end.
The title came closer to the image which is what you're after.
Hit refresh a few times - maybe there's a browser cache error.

Unless you're after something else in which case I suggest to right click on any webpage element and choose Inspect Element. You'll then get the css selector that affects what you're after.

Leetomic / 2012-11-02 07:46:29   

YES! you're right. It's bit closer!! Can i reduce the space between the title and caption this time?? because the title goes up but the caption stays same so
there is more gap between title and caption.
Thank you in advance.

arsondpi / 2012-11-02 11:56:34   

Again in your style.css find line 34 and for the h2 tag make margin-bottom: 0;

As I said download firebug if you're using Firefox. Then right click on a webpage element and select Inspect element. You will then find out which css selector to affect.

This thread has been closed, thank you.