How to position an image half or complete outside the content area

Hey simonac!

Could you put the button somewhere on the site so we can help you out with some CSS?

Cheers!
Rikard

Hi!

Please remove the image element with the “guarantee” badge. Add this to the functions.php file:

add_action( 'ava_after_main_container', function() {
  echo '<img class="avia_image guarantee-image" src="http://neu.shk-schaefer.de/wp-content/uploads/2012/11/Button.png" alt="" title="Button" itemprop="contentURL">';
});

Use this in the Quick CSS field to adjust the position of the image:

.guarantee-image {
  position: absolute;
  z-index: 10000;
  top: 20%;
  left: 10px;
  width: 150px;
  height: auto;  
}

Cheers!
Ismael

Hi!

I can’t see the image on your site, did you remove it? We might have to tweak the CSS a little bit to make it look good on all screen sizes.

Regards,
Rikard

Hey!

Please enable custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and then give your image a custom class and then add following code to Quick CSS

.your-custom-class {
  position: relative;
  left: -45%;
  overflow: visible;
}
#main {
  overflow: visible!important;
}

Regards,
Yigit