Problem with header!

  • Hello.

    I’ve been having a problem which I’ve been tackling for overs without any success. After browsing the internet for hours, I decided that I needed help.

    Cutting to the chase, I’m experiencing difficulties with my header. It’s acting all weird.

    You can see it here : https://whisperoflife.animeblogger.net/

    Now, I want it to the whole image to be displayed :
    https://img516.imageshack.us/img516/6383/headerav2.jpg

    Before that happened, the image was cropped for some reason.

    And lastly as a side note, I just want to pinpoint out that I do not know anything concerning CSS, so I’m kind of a newb. So Please help me out!

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

  • I am also a newb in css, but I imagine your image is bigger than the header space reserved for it, and it is not automatically re-scaling. So, you could either:
    *resize image in photoshop
    *enlarge header image space – someone will tell you where to do that since I can’t…

    anyway, it seems the image has not the same ratio than the header space, so you will probably have to resize it in photoshop an cut some borders.

    hope this helps!

    you might from some help here..
    https://www.tamba2.org.uk/wordpress/

    or you could find a theme you like and change the image to yours..

    In your style.php file you have:

    div#headerimg { display:block;
    background:url(/wp-content/themes/water-10/images/header.jpg);
    margin: 7px auto;
    height: 199px;
    width: 739px;
    border:10px solid #8c0000;
    }

    The height and width of the actual images is 880 x 363. That’s why it’s getting cut off.

    But your site’s width is 770px. Your image is about 100 pixels too wide, so it’s gonna be cut off anyway, unless you widen the whole site.

    You’re probably better off scaling it down a little bit on a graphics editor.

    Thread Starter whisperoflife

    (@whisperoflife)

    No, actually, I don’t like my WP being so small. I’d like it to be as big as https://randomc.animeblogger.net/, then I could fit images that would be big in nature, without any problems. Thing is though that I don’t know how to increase the site in size. Any thoughts?

    Thing is though that I don’t know how to increase the site in size.

    Change the numbers to the size you want.

    div#headerimg { display:block;
    background:url(/wp-content/themes/water-10/images/header.jpg);
    margin: 7px auto;
    height: 363px;
    width: 880px;
    border:10px solid #8c0000;
    }

    If you have to change the whole site width to get the image in there, then do so.

    What if I don’t have a style.php. Where would I look?

    try style.css in your theme’s directory

    eg.
    wp-content/themes/default/style.css

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Problem with header!’ is closed to new replies.