2012 Theme Header Image

  • Hello, I inserted an image in the header.php and it appears but aligns along a margin on the left that I can’t get rid of. I put in align code left so it’s in the theme code and is not the way the image is aaligning. Also, the image is oversized at 1800px width. Here is the site – https://edenvalleycare.com I want the image to span the header edge to edge. Can anyone assist? Thanks, Derek

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

  • most of the white space on top is from the site title and description – even if left empty in ‘settings – general’;

    the while left and right is from the padding in the styles of .site and body .site

    try using a browser inspection tool (like Firefox’ web developer add-on or simialr) to find out where these spaces are coming from.

    these styles seem to quick-fix the issue:

    body .site, .site { padding: 0; margin-top:24px; box-shadow: none; }
.site-title, .site-description { display: none; }

    but there are further problems with the fixed header image width, when you narrow the browser width.

    Thread Starter dereklink

    (@dereklink)

    Hi thank you for answering. I will try those codes and see if they’ll do the trick. Do you recommend adding them to the bottom o fthe CSS or do they go somewhere else?

    the styles should go to the bottom of style.css,

    unless you find the actual lines and edit them.

    Thread Starter dereklink

    (@dereklink)

    OK thanks, I tried it but it doesn’t remove that white space to the left of the image. Can’t see what is compressing it like that.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘2012 Theme Header Image’ is closed to new replies.