• Hi. I’ve added an jpg image to my header but it’s way too big and the site’s menu is below the fold which I hate. I’ve walked myself through the stylesheet and coding for the header and just can’t figure out how to shrink the image from the preset 970 pixels.
    Help!

    j

Viewing 5 replies - 1 through 5 (of 5 total)
  • Do you have it in your php/html file as img tag, or as css bg?

    in the first case you can add the width and height properties to you img tag:
    <img src="yourimg.jpg" <strong>height="100" width="100"</strong>></img>

    If it is a css background you have to change the size of the div with the width and height properties, but that won’t scale your image.

    It is not possible to scale a css background img in css2, in the new css3 there is a background-size property, but css3 is not supported by all browsers.

    Maybe you can provite a link to your site so can take a look at the code.

    Greetz,

    Durgé
    Dimics.com

    The theme code sets the picture height proportional to 970 pixels wide, as stated just below the upload box ‘The uploaded image will be proportionally resized to 970 pixels wide’. The picture is set as background.

    Being a background image, you cannot change the image size, without changing the header size: have to change the CSS styles, and the code that uploads, resizes the image, and sets the new CSS for the height.

    The easiest way is to create and upload an image 970 pixels wide with the height you want on your header, has the image covers all header area.

    Also, a link to the site always helps to see what is happening and why you’re having any issue with the image. Telling us what did you expected on it, as I imagine that you expect something outside the header image feature.

    Thread Starter stagemama

    (@stagemama)

    hi, there. Sorry! I meant to leave the site addy. https://www.stage-mama.com.

    If you can help me revise code to make image’s height smaller (so it is above the fold, I would be grateful.

    Fantastic theme, by the way!

    J

    It’s going to be hard to make the image height smaller without also making the width narrower…if you don’t keep it in proportion, then you will have a skewed image. What size do you want it to be?

    What I would do with my favorite image edition software is to compose a complete header. Just have to create an empty proportional image to 970 pixels wide, and paste this one (resized) in the position you want. If you want an image on header you have to work the image with an image editing software.

    You can see what I mean on one of my sites: https://txanny.net. There I created the background an pasted the resized images over it. All have been done with my image editing program. When I saw it looked like I wanted, then I uploaded the header image.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Resizing jpg in header – pic too big!’ is closed to new replies.