[Gerald EParticipant]

Hi,

1. I am trying to have an image displayed bigger than the underlying column is.
The ebook image should be displayed beyond the row and column dimensions.

Screenshot here:
https://www.evernote.com/l/AKUGfDynLktNapzYDmq9YR1jlU7fKhli-CkB/image.png

is that possible with X?

2nd questions:
There is a padding in the column below the text box? how can i remove it?
http://screencast.com/t/Gf4nqOPws

[Gerald EParticipant]

This reply has been marked as private.

[RadModerator]

Hi there,

Thanks for writing in.

Negative margin will break it, instead, use relative positioning with negative offsets. Example, in your image’s style input you can add this

position: relative; top:-50px;

Hope this helps.

[Gerald EParticipant]

Thanks for your reply!

We are almost there! How can i have the bottom of the ebook also exceed the bottom edge of the brow row.

See here: https://www.evernote.com/l/AKX2Ixozn1VF5oOuWawlqcmyr5NNwvfAGacB/image.png

And how can i remove the padding in a column after a text box pls?

Thanks in advance
Gerald

[ChristopherModerator]

Hi there,

Please edit image’s style filed and remove top: -50px; inline CSS. Add following code instead :

margin-top:-50px;margin-bottom: 0;

Please add following code in Customize -> Custom -> Global CSS :

@media (min-width:906px){
.home div#x-section-2 {
    height: 213px;
}
}

To remove margin, add class="mbn" attribute to <p> tag.

e.g:

<p class="mbn"><strong>In nur 3 Schritten zum Ihrem Anwalt:</strong></p>

Hope it helps.

[Gerald EParticipant]

Works! Thank you! 🙂

[ChristopherModerator]

You’re welcome.

[Author]

Posts