DMS 2 What controls the Canvas background image size?

[dario 20]

I see a minimum height option but nothing else.

My intent is to end up with a bg image that's no more than 500px high.

I've loaded an image at that height but the canvas area zooms it larger, even when nothing in the 'Scrolling effects and sizing' dropdown is selected.

 

Chrome dev is not showing me my target, or I'm not seeing it. 

[Danny+ 1,327]

Hi,

 

You do not need to enter the unit value, just the numeric value. Also, the min-height is applied to the div with the pl-inner area-region classes. Like so:

 

 

<div class="pl-inner area-region pl-sortable-area editor-row empty-area ui-sortable ui-sortable-disabled" style="min-height: 200px;">

</div>

 

The image is also has the background-size property and cover value applied to it and that is why the image is likely looking "zoomed in". If you do not like this style then you will want to override the cover value with contain or something else.

[dario 20]

Hi Danny, sorry to open this up again but could you explain your last comment in a more specific way?

 

 

If you do not like this style then you will want to override the cover value with contain or something else.

[Danny+ 1,327]

See the description on W3Schools for information on background-size: cover property.

 

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