.containerwrapper_lifeplus{
 width: 100%;
 background-color: Transparent;
 margin-top:5px

.containeheader_lifeplus {
 background-color: #27408B;
 text-align: center;
 vertical-align: middle;
 min-height: 30px;
 margin-top:15px;
 
Following along with classes. I am trying to get the text in the header section to display in the center, both horizontally and vertically.  It currently displays center horizontally but at the top of the header section not the middle?  I thought that might need to be indicated in the skin css but that appeare to be for font style only, not postioning. (though I did try adding the vertical-align:middle to in the module header style section, without effect.

Thank you for any help

 

 

Hello,

Have you noticed there is a spelling mistake in your code?

.containeheader_lifeplus

does this need to be: .containerheader_lifeplus ?

If this fixes the problem, let us know, otherwise can you post the .ascx or .htm file that you are using, thanks,

Lee

It was consistant, I copied and pasted it from the html file. I did change it in both places since my intention was to spell out container.

Hi Mark,

I've just had a look in one of my CSS skins. If vertical-align is not consistant I would use padding.

Something like:

padding: 15px 0;

This will add padding to the top and bottom of the title and will therefore centre it in its own space.

Does this help?

Should have posted sooner, this worked great thanks.