image outside the grid row box - Support | Kriesi.at

Viewing 9 posts - 1 through 9 (of 9 total)

Author

Posts
April 22, 2019 at 5:39 pm #1093374

KyriK
Participant

is it possible to make an image appear above the line of the grid row like the example?

April 22, 2019 at 5:39 pm #1093375

KyriK
Participant

https://www.awesomescreenshot.com/image/3983997/b47073bfe72676467539c4afad8beb85

April 23, 2019 at 8:14 am #1093547

Rikard
Keymaster

Hi,

Please post a link to where you want to implement this and we’ll have a closer look at it.

Best regards,
Rikard

April 23, 2019 at 1:46 pm #1093660

KyriK
Participant

This reply has been marked as private.

April 24, 2019 at 1:04 pm #1093943

KyriK
Participant

so any ideas?

April 24, 2019 at 3:52 pm #1094034

Victoria
Inactive Moderator

Hi KyriK,

Yes, it can be done, which grid do you need to be adjusted?

Best regards,
Victoria

April 24, 2019 at 6:22 pm #1094098

KyriK
Participant

lets do the first after the color section

April 26, 2019 at 3:59 pm #1094757

KyriK
Participant

so?

April 30, 2019 at 12:36 am #1095526
Ismael
Moderator
Hi,

Thanks for the update.

This css code should pull the “rolling pin” image upwards.
```
.avia-image-container.av-styling-.avia-builder-el-9.avia-builder-el-no-sibling.avia-align-center {
    margin-top: -150px;
}
```
That css code contains a generic selector in it. You have to turn on the custom css class field so that you can apply a more specific class attribute or selector.

// https://kriesi.at/documentation/enfold/intro-to-layout-builder/#turn-on-custom-css-class-field-for-all-alb-elements

Best regards,
Ismael
Author

Posts

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.