I’m creating a blue banner with 2 columns for an email optin.
I set the image to -100px but for some reason, these settings apply to the second column as well as you can see here:
and here
Also, how do I remove the space between image on the left and the blue banner (again in this image here – https://www.screencast.com/t/I52CLm2hUo)
Thank you.
Anything on this?
Also, it looks horrible on mobile…
How do I fix it?
Thank you!
Yifat
Hi,
Sorry for the late response. Looks like you have already managed to fix the issue by setting the image as background instead of using the Image element. For the text, you have to remove or adjust the -100px top margin of the column. Let us know if you need more help.
Best regards,
Ismael
So how do I put the lead magnet image higher if I remove the top margin…?
Meaning, I want this https://www.screencast.com/t/kmaLX5DO to still pop up hire.. How do I do that?
Hi,
Thank you for the update.
Try to apply the margin directly to the image element instead of the column. Edit the image element, define a unique class name like “custom-image-class” in the Advanced panel, then use this css code to pull the image upwards.
.custom-image-class {
margin-top: -100px;
}
Best regards,
Ismael