• Resolved p3aul

    (@p3aul)


    WP version: 2.8.4
    Browser: Firefox 3.x
    Theme: Classic
    URL: https://3ryd.com/wp/

    I’m trying to modify the Classic theme. I wanted something just plain jane( sorry ladies!) to start with. I borrowed some some code from Homeland Stupidity’s Classic ii theme for placing a header image on the front page. I designed my header image in Photoshop and uploaded it. It worked fine but the image was about 20 or thirty pixels from the top and I wanted it at the top. No problem, I think, I’ll just go to the styles.css file and modify the padding in #header. There were four padding numbers. From what I gather on the net, the first one is “Top”, so I set this to 0(zero). Nothing happened!

    Can ayone tell me where I can change the position of the header image?

    Thank you for your help!
    Paul

Viewing 6 replies - 1 through 6 (of 6 total)
  • in your css:

    h1{
    margin:0;}
    Thread Starter p3aul

    (@p3aul)

    I’m using WP 2.8.4 there is no h1. I’ve been over it with a fine tooth comb, even used “Find”. nada. ??

    Yes, you have to add it.

    Thread Starter p3aul

    (@p3aul)

    Ah yes! Thank you! now a question. Will this work for any theme? I’m not an expert by any means but I thought the “h” tags were just used to display different sizes of type on the screen. Is this covered in the codex?
    Thanks,
    Paul

    Hi Paul,

    I recommend you get a few books on HTML and CSS – I think a small investment in them will turn out to save you some time and hassle through the future. In addition, you may find it useful to start picking some wordpress blogs (there are plenty here in the showcase forum) and looking through the source code to see how these sites were coded. You can do this by right clicking and selecting “view source”. In the source code will be a link to the site’s stylesheet (ending with style.css) which you could put into a new web window and also view.

    I’ve also noticed some more things with your code:

    <!-- <h1 id="header"><a href="https://3ryd.com/wp/"></a></h1>
    -->
    <h1 id="header><a href="https://3ryd.com/wp"><img alt="" src="https://3ryd.com/wp/wp-content/themes/classic/kubrickheader.jpg"/></a></h1>

    I would foremost recommend you delete that commented section since it doesn’t look like it’s being used. Second, you forgot a ” after the word header in your h1 tag. Be sure you are indeed using quotation marks for your coding and not two apostrophes.

    From what I have seen, h1, h2, h2, etc tags are generally used for text headings. Example:

    <div id="header">
    <h1>The Dog Blog: How to Train Your Dog</h1>
    </div>

    CSS would handle styling, including the size of the elements, any borders, font properties, background images, etc. That is MY way of doing it – I am not saying it’s the right way.

    The method you are using certainly works and I am pretty sure I have used that method when I was just starting out. I think learning HTML and CSS is about getting comfortable and getting experience – in the beginning, even if something may be considered “wrong” or “improper”, it may work – and when you are still learning that’s key. Find your way and learn as you go – it took me 5 years and I still am figuring out some things every now and then.

    Let me know if you have any more questions or need more help.

    Thread Starter p3aul

    (@p3aul)

    Thanks for your reply. I prefer the internet tutorials over books, they cost nothing and the code is easily experimented with. As for the commented out code you saw, that is just my way. I don’t delete anything. Commenting out means I can just remove the comments and comment out my own insertions when mine don’t work. I also liberally comment my code, so that I can go back and find out how I did something in the future. here is and example you gave me:

    h1 {
    margin:0;} /* h1 is added in order to control the vertcal placement of the header image */

    h2 {

    I am pretty proficient in html and php, though not an expert. What I really need is a degree in programming WordPress! ?? And I’m getting that right here!

    As for the double quote marks? How the hell did that get there! ??

    Paul

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘modifying the Classic theme’ is closed to new replies.