How can I adjust the crop of the header image? The standard image with the 3 trucks was cropped properly, but after I changed it to a different image, it started cropping the images very narrowly. Every image I select is "zoomed in" far too much.
For example in the attachment, the header only fits the windows of the trucks, instead of giving a better overview.
The lack of a built in cropping / alignment option is very frustrating, as it makes all the elements with a background image unnecessary hard to use.
My next question on this topic is how to crop the background image of the"OT other service" plugin. As you can see in the attachment, it looks very messy. I've tried:
This didn't change anything... I'm sorry to say this, but how hard should it be to make the background image fit the frame? Can you just please log in and suggest a proper solution? Thanks.
How can I adjust the crop of the header image? The standard image with the 3 trucks was cropped properly, but after I changed it to a different image, it started cropping the images very narrowly. Every image I select is "zoomed in" far too much.
For example in the attachment, the header only fits the windows of the trucks, instead of giving a better overview.
Hello, on sub-header with height limited and you can't see full image.
Hello, I can't make any sense out of your answer. Can you elaborate? (Explain in more detail)
Hello,
You can add css code here http://www.awesomescreenshot.com/image/431375/60a65bbd73398f66ec983fe267a49737
#subheader { background-size: initial; }Thanks
Hello, thank you for the answer.
The code provided didn't fix the problem, I had to figure this out to make it work.
#subheader { background-size: 100% 100%; background-repeat: no-repeat; }The lack of a built in cropping / alignment option is very frustrating, as it makes all the elements with a background image unnecessary hard to use.
My next question on this topic is how to crop the background image of the"OT other service" plugin. As you can see in the attachment, it looks very messy. I've tried:
#box-two-columns {background-size: 100% 100%;
background-repeat: no-repeat;
}
But it didn't work.
Hi, Please send for me link your website for check, thanks
Sorry,
It's class and not ID :
.box-two-columns { background-size: 100% 100%; background-repeat: no-repeat; }Thanks
This didn't change anything... I'm sorry to say this, but how hard should it be to make the background image fit the frame? Can you just please log in and suggest a proper solution? Thanks.
It's good now :
.box-two-columns { background-position:50% 50%!important; background-size:cover!important; }