Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • September 27, 2016 at 12:30 pm #692171
    patricknh

    Hi,

    I am having difficulty getting the image in the site to go edge to edge (boxed).
    1. If it is put in by itself (media element) then it has 50px padding all around
    2. Same if its (media element) put inside “color section”
    3. If put into the color section as BACKGROUND image then it fills the space properly! BUT it is no longer responsive when the screen shrinks (phone/ipad)

    How do I get it to fill space with no borders as per #3 but also have it responsive?

    See 3x jpegs as explanation…

    Thank you

    September 28, 2016 at 4:15 pm #692783
    Yigit

    Hey patricknh,

    You can refer to this post – http://kriesi.at/documentation/enfold/color-section-with-100-container/ and add your image inside a fullwidth color section element

    Best regards,
    Yigit

    September 28, 2016 at 9:07 pm #692874
    patricknh

    Thanks Yigit, I have it working now – well mostly. The image is now full width and follows window sizing but at a certain point the side borders come back in, same happens on iphone screen – always border left/right in either portrait or landscape mode.

    September 28, 2016 at 10:29 pm #692893
    Yigit

    Hey!

    Please use the code as following 

    #fwcs .container { width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; }

    Cheers!
    Yigit

    September 29, 2016 at 1:43 am #692926
    patricknh

    Thank you Yigit, that did the trick :) all good now

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Image – cannot get rid of borders/padding’ is closed to new replies.