Photo effect

[Lorie]

Hi there. I’m wondering if there is a way to create the effect shown in the screenshot where the photo extends on either side of the color brand.

Thanks!

Lorie

[ruenel]

Hello Lorie,

Thanks for writing in! Yes this would be possible with a little nifty css. Please set your your section, row, columns and the image first. You must add a custom my-image ID or class to your image. And then you can use this custom css:

Using element ID:

@media(min-width: 768px){
  .my-image {
    position: absolute;
    top: -20%;
    left: 0;
    z-index: 999;
  }
}

Or using element class:

@media(min-width: 768px){
  .my-image {
    position: absolute;
    top: -20%;
    left: 0;
    z-index: 999;
  }
}

Hope this helps. Please let us know how it goes.