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.
-
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.aspIf 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!
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;
}
thecode did not do anything.
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.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
- The topic ‘WordPress Twenty Sixteen theme Header’ is closed to new replies.