Support » Fixing WordPress » WordPress Twenty Sixteen theme Header

  • Hello,

    I need some help on resizing the header image to a smaller size. I would like to make the Mail box smaller so that viewers can see the the page description (Home, About, Products).
    I have looked through the forums to see if there is something that I have missed in creating the website or a code that will make the Mail Box about 50% smaller.

    Thanks for any help.

    http://hentzicopperdesigns.com

Viewing 11 replies - 1 through 11 (of 11 total)
  • Hi there,
    You could edit the image before uploading it as header image. Try Adobe Photoshop or Gimp.
    Hope it helps.

    • This reply was modified 4 years, 10 months ago by hellheim.

    Well, if you have access to the html, you could edit width of the image manually, the height should scale appropriately.
    <img src="#" width="400" />
    https://www.w3schools.com/tags/att_img_width.asp

    If you used the page builder, there are parameters in the media widgets to set the width of an image. But I am not sure how your page is built.

    One last option, add your own CSS:

    .header-image{ 
        height: 400px; 
    }

    Mess around with percentages and pixels on both height and width until you achieve what you want. You should try with just height at first.

    ex: width: 50%;

    Good Luck!

    • This reply was modified 4 years, 10 months ago by linkfieldt.
    • This reply was modified 4 years, 10 months ago by linkfieldt.
    • This reply was modified 4 years, 10 months ago by linkfieldt.
    Thread Starter Chopsaw

    (@chopsaw)

    Hellheim I did resize it in Photo Shop but it still was the same size only fuzzy.

    Thread Starter Chopsaw

    (@chopsaw)

    I ‘am using Simple Custom CSS and JS plugin for adding code.

    linkfieldt this code made the text or body of the home page move up into the image.
    .header-image{
    height: 400px;
    }
    the code did not do anything.

    Thread Starter Chopsaw

    (@chopsaw)

    I ‘am using Simple Custom CSS and JS plugin for adding code.

    linkfieldt this code made the text or body of the home page move up into the image.
    .header-image{
    height: 400px;
    }
    this code did not do anything.

    @chopsaw – resizing = the image dimensions change.

    probably you did something else if the image was the same size.

    try going into photoshop and scale it down proportionally.

    hope it helps

    Thread Starter Chopsaw

    (@chopsaw)

    Ok I resized a different picture to 600 px x 400 px
    Check it out
    http://hentzicopperdesigns.com

    @chopsaw, if you like it and it works for you, mark this topic resolved.

    Thread Starter Chopsaw

    (@chopsaw)

    That’s the problem I don’t like it.
    I want it to be around 50% of that size.

    @chopsaw, this is a matter of taste not an actual issue. if you want help customizing your theme you should find a developer.

    Thread Starter Chopsaw

    (@chopsaw)

    Ok Thanks for everyone’s help.
    I figured it out. When I brought it into Appearance, customize, header image,
    You can add the image and it also gives you an option to crop the image once it is selected.
    The problem I always crop the image. Once I skip the cropping,the image appeared as I uploaded it.

    Thanks again

    • This reply was modified 4 years, 10 months ago by Chopsaw.
Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘WordPress Twenty Sixteen theme Header’ is closed to new replies.