BlueOwlCreative » Topic: Background image of a row responsive 100 % http://blueowlcreative.com/support_wp/forums/topic/background-image-of-a-row-responsive-100/feed/ Fri, 17 Jul 2026 19:45:37 +0000 http://bbpress.org/?v=2.5.3-5249 en-US http://blueowlcreative.com/support_wp/forums/topic/background-image-of-a-row-responsive-100/#post-23982 <![CDATA[Background image of a row responsive 100 %]]> http://blueowlcreative.com/support_wp/forums/topic/background-image-of-a-row-responsive-100/#post-23982 Wed, 28 Oct 2015 17:21:58 +0000 Itziar Hello, I have a line on my page that contains a photo background, to reduce mobile version of the photo background is adapted displayed only part of the picture, for example in the mobile version gets only a central part of the picture and side unseen. I want the screen is reduced according to that picture will adapt by becoming smaller , that is , I want the picture to fit the screen but you still see the whole picture , to look smaller but whole . As if I had a width 100% and go adapting

]]> http://blueowlcreative.com/support_wp/forums/topic/background-image-of-a-row-responsive-100/#post-23991 <![CDATA[Reply To: Background image of a row responsive 100 %]]> http://blueowlcreative.com/support_wp/forums/topic/background-image-of-a-row-responsive-100/#post-23991 Thu, 29 Oct 2015 09:44:41 +0000 BlueOwl Hi there,

Please try setting the Row Background image backgroung-sizing to COVER. It’s below the Image background selector. :)

]]> http://blueowlcreative.com/support_wp/forums/topic/background-image-of-a-row-responsive-100/#post-24086 <![CDATA[Reply To: Background image of a row responsive 100 %]]> http://blueowlcreative.com/support_wp/forums/topic/background-image-of-a-row-responsive-100/#post-24086 Fri, 30 Oct 2015 19:44:05 +0000 Itziar In my environment I have the background Row this :
Background image size : Image Cover- be as large as possible.

Image occupies me full width at all resolutions , but in tablet and mobile version does not reduce the image, what it does is show only a part, it is hiding the photo from right to left . I need the background image row act as a background width:100 % and fit the width of the screen without losing parts of picture.

]]> http://blueowlcreative.com/support_wp/forums/topic/background-image-of-a-row-responsive-100/#post-24105 <![CDATA[Reply To: Background image of a row responsive 100 %]]> http://blueowlcreative.com/support_wp/forums/topic/background-image-of-a-row-responsive-100/#post-24105 Sat, 31 Oct 2015 10:45:39 +0000 BlueOwl This is expected behavior and that’s how COVER works, it covers the whole element. In responsive I assume your Row grows vertically as columns stack on top of each other, so the background needs to stretch in order to still cover the whole row. If you want to override this in responsive you can – add a class to the row. Then for responsive resolutions change the background-size property for that class with simple CSS. :)

]]>