Navigation
Archive / no repeat
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • March 10, 2017 at 10:07 am #1402027
    onefoursix
    Participant

    Re: http://146test2.co.uk/acorn/case-studies/case-study-environment-agency/

    how do we ensure background images for columns dont repeat like in the “how we delivered asbestos surveys” section please?

    March 10, 2017 at 1:07 pm #1402200
    Darshana
    Moderator

    Hi there,

    Thanks for writing in! Add the following CSS rule as an inline Style for your Column.

    background-repeat: no-repeat;

    Hope that helps.

    March 11, 2017 at 3:24 am #1402891
    onefoursix
    Participant

    Thanks – see – http://146test2.co.uk/acorn/what-we-do/asbestos-awareness-training/

    i need the image to still fill the background 100% please.

    Also the rows below it i have set to a min-height:400px; and it doesnt seem to be happening.

    March 11, 2017 at 4:27 am #1402931
    Friech
    Moderator

    Hi There,

    You can also add background-size: cover; on the Style field of the Columns. This will cover the entire column regardless of its size.

    However, this will crop the background-image as the image adjust to the column size.

    Hope it helps, Cheers!

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