Navigation
Archive / Background images not scaling
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • April 30, 2016 at 11:27 am #907030
    Houston
    Participant

    When I was using VC and placed a background image in a section the image would scale with the size of the browser. Since I have recreated the page in Cornerstone, the background image no longer fits nor does it scale. How do I get it to scale?
    http://grab.by/PQZI

    dallascameraclub.org

    Many thanks,
    Houston

    May 1, 2016 at 3:08 am #907598
    Joao
    Moderator

    Hi Houston,

    Please make sure you have pattern unmarked @ Cornerstone below your image.

    Please check image attached.

    If that doesnt fit your purpose you can add the following code at the Style Box of the Section in Cornerstone

    background-size: 100% 100%;

    Your will be image be distorted in case it is not 100% proportional to the section, you will be able to adjust this issue using the padding.

    Be aware that by using an image that is smaller than your section it will lose quality, so Ideally I reccomend you to do your image to a bigger size.

    Hope that helps,

    Joao

    May 1, 2016 at 10:22 am #907915
    Houston
    Participant

    The patter was never checked but when I put in 100% the image fills the area but does not scale like it did when using VC. Is there no way to do this?

    May 1, 2016 at 12:27 pm #908082
    Rupok
    Member

    Hi there,

    Thanks for updating. You can use background-size:: 100% auto; and set a larger height same as your image height.

    Cheers!

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-907030 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>