Make image bleed to the end of the section

Support
#1

Hi

I can’t figure out how to make an image in a section bleed to the end of that section without any margin or padding. I set up this image of myself towards the bottom of this site here:

http://www.seoauthoritylinkbuilding.com/home/

In the editor I set the margin so that the image bled right to the end of the section. However there is s still a margin when i view it outside the editor. The margin size also changes in different browsers and on different monitors - although on my smartphone the image does bleed to the edge.

How can i get it consistent so that the image goes to the edge on every device/browser?

Thanks

#2

Hi there,

Thanks for writing in! Try removing the margin you’ve given and then add the following code in the Theme Options > CSS:

.x-img {
    margin-bottom: 0 !important;
}

Let us know how this goes!

#3

Hi that works to a point, however, now on my smartphone the image bleeds OVER the edge, and if i resize the browser window on the desktop, the image bleeds over the edge too. How can i make it so that it stays on the edge no matter what size the device or the size of the browser window?

Thanks

#4

Hello There,

Please update the css code and use this instead:

@media(max-width:980px) {
  .x-img {
    margin-bottom: 0 !important;
  }
}

Please let us know how it goes.

#5

ça marche! merci!

#6

De rien!
Nous sommes heureux que nous ayons pu vous aider.

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.