Header Page Title, formatting hr (resolved)

[lucathia]

Hello! I have two things I need help with.

1. How do I remove the page title from the header? I used the following, which hid the title nicely, but my header is still showing "recent entries" and other page titles. I looked through past entries here, and I thought this code would work.

#title, #subtitle, #pagetitle { display: none; }

2. How do I format the hr tag? I tried formatting it using the following code, but nothing showed up. I tried other, simpler things such as just using a solid line, but nothing shows up there either. Is this something to do with the layout I chose? The default seems to be just extra spacing as the hr and no horizontal lines.

hr { text-align: center; height: 25px; background: url(http://lucathia.dreamwidth.org/file/1193.png) no-repeat scroll center; border: none; margin-bottom: -15px; }

Comments

[koryou]

The fault for both of those is with your base style.

For the line, there's a display: none in there. So you need a declaration to make it show up: display: block, and there it is.

As for the page title, it's in the base style as h2#pagetitle, which overrides your use of #pagetitle. All you need to do is to use h2#pagetitle, too. (Or you could declare it with !important, but try to avoid that if possible.)

I don't know which browser you are using, but both Chrome and Firefox - Opera too, I think - make it pretty easy to find stuff like that. Just right-click on what you want to change and choose 'Inspect Element'. It opens the developer tools and you can see the CSS that has been declared for any html element.

[lucathia]

Thank you! That was really helpful, and now I know what to do to find what's wrong as well.

[koryou]

You're welcome. :)