how make header image less high | WordPress.org

Resolved spevi
(@spevi)

10 years, 9 months ago

My draft website http://www.spevidraft.net is for an organisation of educators of people who are visiually impaired. Accessibility and usability is paramount. When viewed on laptop or desktop computers the high header image (350 pixels) actually hides the text content of the page so people need to scroll down to read the content. Most think there is nothing and go to another page. I can’t find the height of the header image in the CSS. Hope someone can help making it set to less high, like 120 pixels. Thanks.

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

CrouchingBruin
(@crouchingbruin)

10 years, 9 months ago
I’m not sure who created the image, but it has a huge amount of empty space at the top. You can shift the image up to eliminate some of the white space by adding this rule using a custom CSS plugin like Jetpack or Custom CSS Manager (don’t make changes to the theme’s stylesheet or your changes will be lost the next time you update the theme):
```
img.header-image {
   box-shadow: none;
   margin-top: -60px;
}
```
Theme Author Tomas Mackevicius
(@tomasm)

10 years, 9 months ago

If you want you can just upload the image of any height and it will be good.

If you want to change the size of a cropping tool, then please se an example of how it is done here:

https://wordpress.org/support/topic/changing-header-image-height-cleanly?replies=11

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

The topic ‘how make header image less high’ is closed to new replies.

Tags

2 replies
3 participants
Last reply from: Tomas Mackevicius
Last activity: 10 years, 9 months ago
Status: resolved