Image positioning wth Page Builder – please help!

Hi all,

I have a question regarding image positioning with the page builder.

I have created a page with Page Builder, and I have added a banner to it. The banner consists of a background image, and a logo, which is supposed to appear in the upper left-hand corner of the banner.

When I add the logo by clicking on “Edit content” in the Page Builder, the logo is positioned in the middle of the banner.

In order to change this, I have created a custom image style, and added it to the CSS via Jetpack. However, the only attribute I can change is float. I tried various position attributes, but to no avail.

By inspecting the logo in Chrome, I have found out that the element inherits a position:absolute attribute from style “builder-banner-content” but I have no clue how to override it.

I have been able to achieve the desired positioning by adding a bunch of nbsp’s underneath the logo image, but that’s not really a solution …

Any help would be much appreciated.

Julian