Adding text underneath boxes rather than to the side

[nfp1900 29]

I searched the forum but couldn't see anything that relates to adjusting the location of the copy for boxes. I want to be able to have an image and then a title underneath like this http://www.winkreative.com/portfolio/website_design/default.aspx so that it links to a subsequent page. Maybe boxes is a daft way of creating this? Any other ideas welcome...

[Rob 547]

There are plugins that do this without boxes. Here's one http://wordpress.org/extend/plugins/photosmash-galleries/screenshots/ There are others. Also, you can change boxes through CSS to your own styling however, they do max out at 5 across. There may be a way of making that larger, but I'm not familiar with how it would be done.

[nfp1900 29]

photosmash is being discontinued and nextgen requires a hack to get URLs to link to images Boxes would be a quick way of implementing this, does anyone have the CSS to adjust the text location for boxes so that it sits underneath the image rather than to the side?

[slingr 0]

Maybe I'm misreading this, but if you're talking about simply putting an image and text in a box, with the text below the image, (like two of the three boxes I have on www.stevestockdale.com, and you're using Platform Pro, change the image properties to "center" rather than "left." Then the text will be below the image and you can format it as you would any other text. You can wrap your anchor tag around the image and also around the text. I have my videos arranged this way, each video in a box with a short description below - http://stevestockdale.com/wordpress/video-commentaries/ Or, are you talking about the image filling up the box, and then you want to put text under the box? That's a different problem that's probably not solved with boxes based on my understanding of PP boxes.

[catrina 103]

Please refer to this solution: http://www.pagelines.com/forum/discussion/comment/57693#Comment_57693

[nfp1900 29]

Catrina, great - that's what I wanted to achieve and it's simple to add the URL and looks perfectly neat with a 200px image width. I wanted to add a border to the images using this CSS in the custom code box .fboxgraphic {border:1px solid #021a40;} But it appears with some padding with this rule: .fboxgraphic { float: left; padding-right: 15px; padding-top: 5px; } so I added this CSS in the custom code box with 0 padding but it has no effect. I can see my rule in FBug adjacent to the CSS above but it's crossed out. do I need to add 'important' somewhere or choose something else? Thanks N

[catrina 103]

Try this CSS:

.fboxgraphic {
	float: left;
	padding-right: 0px !important;
	padding-top: 0px !important;}

[nfp1900 29]

Thanks a lot, that worked - but there is still a few px of padding on the bottom of the image. I added padding-bottom: 0px !important; but it had no effect. I also tried just padding: 0px but that also didn't work - do you know how to get shot of those extra few px? This is the page where I'm testing all of this out first: http://s183975894.websitehome.co.uk/wordpress/photography/

[catrina 103]

Ah, I believe it's a height issue rather than a padding issue. Please add the following line to the .fboxgraphic CSS:

height: 132px;