Can't remove padding/margin

Hi,
For mobile please try this:

@media only screen and (max-width: 840px) { 
#top.home #av_section_1 > .container > .content {
    vertical-align: bottom;
}
#top.home #av_section_1 > div > main > div > div > div > .avia-builder-el-2 {
	margin-bottom: 0;
}
}

To have something more universal you will need to add some custom classes to the elements, it looks like your structure is:
color section > 3/5 column > text block element (second of two) > embedded image
Please add a different custom class to each one of these, and remove the css I’ve posted above and I will re-write using your new custom classes. Also please post the custom classes you have added to each of these elements so I can find them easier.

Best regards,
Mike

Hi,
Happy to help.

Best regards,
Mike

Hi,
While it is true that many elements have margin & padding settings, what you are doing doesn’t have that option, for your headshot you are adding is plain image inside the text block element

neither the text block element or the WP plain image have margin or padding settings, but even if they did it would not solve because the margin is coming from the paragraph tag [p] inside the text element, not the text element itself.

For your new question, on the very large screen the color section’s vertical-align: middle is showing, to correct please use this css:

#top.home #av_section_1.avia-section.av-minimum-height .container .content {
    vertical-align: bottom;
}

After applying the css, please clear your browser cache and check.

So you have a color section with a background image with a column > text block > p > image that you want aligned to the bottom of your background image. The 3 snippets of css above achieve this, but you said that you may like to use this configuration elsewhere, so I recommend adding custom classes to these elements and the snippets and saving the block as a Template so it will be easier for you in the future.

Please let us know if you need assistance adding the custom classes & adjusting the css, if you do please copy this section to a new test page, because creating a template saves the whole page not just this set of elements, and include an admin login in the Private Content area so we can adjust the custom classes and css to work together, then you can save as a template.

Best regards,
Mike

Hi,
Yes, all text elements have paragraph tags in them and also for every [Return] or [Enter] key, I believe this is from the WordPress core.

Using a code block element might work well, good idea, did you have a chance to try it?

Best regards,
Mike

Hi,
I see, so what would you like to do next?
For your original issue, we have solved will css, but as I understand you would like to be able to use this combination with different images elsewhere on your site, so I recommend adding custom classes to these elements and the snippets and saving the block as a Template so you can use it again in the future.

If you would like a hand with this please include an admin login in the Private Content area so we can adjust the custom classes and css to work together, on a test page and then you can save it as a template.

Best regards,
Mike