how to widen horizontally&lessen d height for my header image on my frontpage?

  • I’ve used the following code to place my header image in header.php of my parent theme.

    <rel=”home”>
    <img src=”<?php echo get_template_directory_uri(); ?>/images/guitar%20jamming.jpg” width:”100%”; alt=”<?php bloginfo( ‘name’ ); ?>” />

    I’m also looking into making it clickable (to lead to homepage when clicked)

    And I notice that beneath the image, there’s a thin white line after it that separates it and the next component. How do I get rid of that white line?

    My site is at https://songspursuit.com/

Viewing 5 replies - 1 through 5 (of 5 total)

  • Are you saying that you modified the parent theme header.php file? You should not be modifying parent theme files – that’s the whole point of using a child theme…

    Thread Starter ninelives1980

    (@ninelives1980)

    Hmm, yea – noted on that ??

    How do I get rid of the white line ? ??

    You need to fix some errors in that header.php file (move the changed one to the child theme )

    https://validator.w3.org/check?uri=http%3A%2F%2Fsongspursuit.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

    Thread Starter ninelives1980

    (@ninelives1980)

    I copied header.php from parent to child by dragging the file by route of (via FTP)

    parent theme -> desktop folder (PC) -> child theme

    Correct me if I’m doing this wrong – as I’ll always do so (this way) before editing the file in child theme (this I do if the file doesn’t already exist in child theme).

    So, I viewed the validator you pointed me to, it lists the errors – but I can’t quite figure out which file to look into (though I corrected some errors cos I remember where I placed those codes that triggered those errors stated by the validator. I apologise as I’m very new (and a non-technical person definitely) to WordPress.

    I tried adding attribute of things like width = 1000px to the <img> tag by just typing those codes like that into my child theme’s header.php but to no avail. The image stays the same size-wise.

    Thread Starter ninelives1980

    (@ninelives1980)

    tried setting the image width and height to the maximum but it wouldn’t occupy the whole top area (used Firebug for this). I’m pretty much lost.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘how to widen horizontally&lessen d height for my header image on my frontpage?’ is closed to new replies.