Hi,
By default the background image fill the whole screen and part that do not fit the ratio get cropped. If you want the back ground image to stay contained use this customs css.
html {
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
}
Thank you for your help. I copied the CSS code to the Custom CSS text box in the Template section of the Design tab. I then hit Save All Changes and launched up the webpage in my other browsers. Unfortunately I am still seeing the same problem, where the picture is being cropped rather than resized. Do I still need to have the checkbox for the Responsive Background checked? Do I need some other settings selected?
Thanks for all your help,
Tripp
looks like some hidden characters were copied in. copy it from here and paste it in.
https://gist.github.com/seedprod/c128f60266c5b90cf51692bb987de789
I did the copy and paste and refreshed, but I am still seeing the same problem. Am I pasting the text into the correct location?
yeah I see it in there but for some strange reason there is a hidden character messing it up. try this if not I’ll build in an option and get an update out today.
https://gist.github.com/seedprod/c128f60266c5b90cf51692bb987de789
I made the update and Still no love. Thank you for all your help and I’ll await your update. I hope it isn’t too much work.
Grateful,
Tripp
No problem look for it later today!
I just released an update that has an option to make the bg stay contained.
Thanks
The update worked GREAT. Thanks for all your help!!
Tripp
No problem cheers! Please leave a review if you get a chance!
https://ww.wp.xz.cn/support/plugin/coming-soon/reviews/
