Text in Feature - Entire Width of Photo

[elkiehound 0]

In the feature box, I would like the text to display across the entire image, not wrap in the left or right only. My image is 100x330, and I want the text to be across the entire image. Can someone give me the specific CSS rule to modify this. Yes, I have read all the CSS tutorials already. Thanks

[catrina 103]

Do you want the text to overlay the entire image, across the bottom, or across the top?

[elkiehound 0]

Center actually, however Top would be good.

[catrina 103]

Here is the code you need to add to base.css:

div.fcontent {width: 1000px; height: 330px;}

Since the image's height is only 330px, the text area will overlay the entire image. (I'm assuming that 100x330 was a typo and you meant 1000x330)

[elkiehound 0]

Hi Catrina, No luck. I would like to include in the css settings. I have them as: /* change top padding on highlights */ #highlight .content-pad .highlight-area { padding: 12px; } #highlight .content-pad .highlight-area { background: #FFFF66; } /*Change width of text on features*/ div.fcontent {width: 1000px; height: 330px;} Your recommendation is at the bottom, the other rules work, however this has no effect on the text in the features box, still wrapped on left.

[catrina 103]

Can you post a link to your site?

[elkiehound 0]

http://elkhound.dyndns.org:8888/?page_id=902 Its the top one, (the bottom one is another test)

[kastelic 6]

I would first set the feature text position to be "text on bottom" in the feature's settings. Then you've already got it displaying across the width of the feature. It's absolutely positioned so you can adjust it up and down and adjust the height like this:

#feature_slider .fcontainer.text-bottom .fcontent {
	bottom:100px;
	height:150px;
	}

[elkiehound 0]

Thanks Jimmy, That works, after playing with it a bit, the final to get the text just right was #feature_slider .fcontainer.text-bottom .fcontent { bottom:0px; height:200px;