SeedProd Documentation

Documentation, Reference Materials, and Tutorials for SeedProd

Categories

  1. Home
  2. Docs
  3. Pages
  4. The Background Image Does Not Fit

The Background Image Does Not Fit


The Background Image Does Not Fit

The background image will never fit perfectly in the browser unless the browser window is the exact same ratio as the image.

The default settings on the Landing Page Pro plugin use the Cover property for the background-size. This is defined as: Scale the background image to be as large as possible so that the background area is completely covered by the background image. Some parts of the background image may not be in view within the background positioning area.

Basically what this means is the when the images does not fit it gets cropped. You can set the focal point in the plugin using the background-position property. By default, it’s set to center top

There is a property called “100% Width”  that will force the entire image to be shown no matter the background size. However, the parts that are not within the browser ratio will show the background color.

Reference: http://www.w3schools.com/cssref/css3_pr_background-size.asp


h

Still need help?
Contact Us

Related Articles