Does anyone know how to vertically align the logo and image and keep it left justified?

I tried to do this:

#header {
background-image:url('../images/simontheme/headerbg.png');
background-repeat:repeat-x;
height:114px;
display:table;
width:960px;
}

#name-and-slogan {
display:table-cell;
vertical-align:middle;
}

In my own stylesheet, but it didn't work. Any other ideas?

Comments

sunshinee’s picture

sunshinee commented

I haven't tried this, but I think you need to define a height on the element in order for vertical-align to work. If you're building a theme that needs to have vertical aligned elements regardless of whether logo, sitename, and slogan are all enabled, you'll probably want to use something like the jQuery equal heights plugin.

johnalbin’s picture

johnalbin
they/他
Primary language English
Location Taipei, Taiwan
commented
Status: Active » Closed (fixed)

closing old support issues