Header issues

[aldro]

I'm currently using a layout with a custom header. I would like my journal title and subtitle to not show up, but if I change the code in the CSS to "display: none", the entire header disappears. If I delete the titles in the Customize Style section, the header itself also disappears. Is there any way to keep my header image, but have the titles removed?

Thanks in advance!

Comments

[twincy]

You'll have to call the title/subtitle wrappers specifically. Like so:

#title, #subtitle {
display: none;
}

(Uhh, possibly that is .title, .subtitle, but I can never remember.)

[aldro]

Unfortunately, that doesn't work either. It removes the entire header, instead of just the title and subtitle.

This is the title's code, in case that's helpful.

h1#title {
margin: 0;
padding: 1.5em 0 0 0;
color: #FFFFFF;
font-size: 2em;
font-weight: bold;
letter-spacing: 0.1em;
}

h2#subtitle {
margin-top: -0.4em;
padding-bottom: 0.6em;
color: #FFFFFF;
font-size: 0.8em;
font-weight: bold;
letter-spacing: 0.1em;
text-transform: lowercase;

[afuna]

Use the:

#title, subtitle {
display: none;
}

that twincy suggested, and then change the bit in your CSS which is:

#header {
height: 1263;
}

to:

#header {
height: 1263px;
}


That should do it!

[aldro]

I tried it and it does remove the titles, but adding "px" to the header makes it incredibly big/wide...

[afuna]

It should probably match the actual height of the header image (1263 px does seem big, but I assumed that that's how big the header really is *G*having some internet issues, so can't load stuff easily today to check)

[aldro]

The header is indeed 1263 px wide, but if I add the "px", there's a huge black block with my header image somewhere in the middle; for some odd reason it massively increases the height of the header section.

[afuna]

Oh! The code sets the height not the width.

You'll need to set:

width: 1263px;
height: SOMETHINGpx;

(Note, no space in between the number and the px)

[twincy]

That's because right now, it stretches as far as the title + subtitle. If you remove those, the header will disappear because there's a typo in the height measurement, as afuna pointed out.

Near as I can figure your header is 201px high, so try changing the height measurement accordingly:

#header {
height: 201px;
}

[aldro]

Worked! You people rock. :)

[afuna]

Great! Glad that helped!

[twincy]

Hooray!