When a user clicks on "create content", one of the possibilities is "image" (if you have installed the module, of course). When you use this feature, you can add a comment to the images, but this comment appears aligned down to the image. Is there any way to align the text to the middle of the image?

Comments

kaos’s picture

kaos commented

I had a similar problem. I took care of mine by adding a bit to my style sheet.

img.thumb {
padding: 0px 5px 5px 0px;
float: left;
clear: left;
}

img.image {
padding: 0px 5px 5px 0px;
}

I also added a definition to take care of title blocks. Already had it in my .css file, but this is what I added to force it to a clean break on long thumbnails that were hanging down into the next title block.

.title {
clear: both;
}

Hope that helps.

larry’s picture

larry commented

Hello Kaos,
Thanks for your code...works great. I have a question about the thumbs in the image gallery. If I understand things correctly, it seems that when you place an image in the gallery you actually have THREE images to deal with. The original image, a non-clickable thumb, and a clickable thumb. The 1)original photo is directly linked from the 2)clickable thumb in the gallery. However, you still have 3)node non-clickable thumb. Your code:

img.thumb {
padding: 0px 5px 5px 0px;
float: left;
clear: left;
}

img.image {
padding: 0px 5px 5px 0px;
}

works for ONLY the first and third types...that is the original photo and the node non-clickable thumb. My question is...how would I refer to the CLICKABLE thumb in the image gallery? I would like to add colored borders around each image. I have tried different combinations but nothing works....I'm new to CSS. I would greatly appreciate ANY suggestions. Thanks again.

Ciao,
Larry

Bèr Kessels’s picture

Bèr Kessels commented
Component: Miscellaneous » gd toolkit

This is a Theme support question. Please re-open with the proper themes as "project" if you still have this problem.