Docs

[Tekstkeuken]

its about: http://patsound.nl/tknew/

I want on all pages a header of 400 px max.
When I use pictures they are cropped from above. Even when I use an image of 400 px height.
What can I do to get the whole picture in this 400 height section.
I made a text row with spaces but that didn’t work.
Hope you may resolve this issue.

[Nabeel A]

Hi there,

Thanks for writing in! Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

body.x-navbar-fixed-top-active .x-navbar-wrap {
    height: auto !important;
}

Let us know how this goes!

[Tekstkeuken]

It doesn’t work. It’s not the nav bar but the picture underneath. When you take a look you can see a picture which is cropped above the eyes.

[Christopher]

Hi there,

Please add background-position: top center; in section’s style field. See the attachment.

Hope it helps.

[Tekstkeuken]

yes. it partly works. but when I use an image of 600×400 and set the height om 400px. I only see the top of the picture. Whats’going on there?

[Christopher]

Hi there,

Please remove following code :

tk-headerfoto {
    min-height: 400px!important;
    left: 0px;
    top: 0px;
    background-position: top center;
}

Please add padding to top and bottom of section to adjust its height.

Thanks.

[Tekstkeuken]

I allready tried that and just again. Then the image become full height of the screen and that’s not the intention. I want an image of max 400 px height in this section.

[Joao]

Hi There,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks

Joao

[Tekstkeuken]

This reply has been marked as private.

[Nabeel A]

Hi again,

Thank you for providing the credentials! You’re using a very low resolution image 600x400px for a background. Please upload an image at least 1200px wide so it can be displayed properly and then you can add the following code in your Customizer to make it 400px in height:

#x-section-1.bg-image {
    padding: 200px 0 !important;
}

Hope this helps!

[Tekstkeuken]

Nope. I allready tried the different size images. I think it’s strange that I can’t set a headerpicture with a max of 400 px in this theme. That can’t be real. Hope you can look for a solution.

[Nabeel A]

Hi again,

Sorry to hear you’re having an issue. Actually the background image you’re using is of low resolution. Please try upload an image with the dimensions of 1200x400px. It should be displaying fine. Since you’re restricting the image height to 400px, it won’t be displayed correctly until you upload an image of the exact size.

Hope this clears!

[Tekstkeuken]

okay. I did a test with a 400 height image. it works. but theat means that i must crop all the images to the right measure. A pity that the theme can’t do anything in it. Thanks for the help.

[Nabeel A]

Glad we could help!

[Author]

Posts