Question

I’m trying to add a second header image beside the default in a WordPress child theme based on Arras. Right now, only the first one, the left image, is appearing. At the right there is nothing but blank space. I’m wondering what I’m doing wrong–whether it’s an error in my markup or a constraint of the theme itself.

Here’s what it looks like right now: http://traycezpr.currentecalamo.org/

#header {
    height:165px;
    width:960px;
    margin: 0 auto;
    position: relative;
    background:transparent;
    border:none;
}

#header h1 {
    display:block;
    float:left;
    width:800px;
    height:165px;
background:url(http://traycezpr.currentecalamo.org/wp-content/uploads/2013/01/TZLTER.jpg) no-repeat 0 0;
    background-size: 800px; 165px;
    text-indent:-10000px;
}

#header h2 {
    display:inline;
    float:right;
    position:relative;
    width:160px;
    height:165px:
    text-indent:-10000px;   background:url(http://traycezpr.currentecalamo.org/wp-content/uploads/2013/01/TZCH7.jpg) no-repeat 0 0;
    background-size:160px; 165px;
}

Answer 1

user.css line 22 you’ve got incorrect code. It reads:

height:165px: text-indent:-10000px

Whereas it should read:

height:165px;
text-indent:-10000px;

You’ve also got .logo (which the h tags are nested in) set to:

max-width:590px

You should have this span the whole width so something like:

width:100%

I would also recommend using actual divs instead of h tags for your images. h tags are normally used for text titles/seo.