Image on left of Event Info (Event Detail)

Description

• adding image to left of event info in event detail page
• view demo – password: abc
• buy me a coffee

#1. Install Code

#1.1. Click Gear icon on Event Page

#1.2. Click Advanced > Page Header Code Injection

#1.3. Add this code to right box

<!-- 09.26c12v1 Image on left of Event Info (Event Detail) -->
<script>
window.EventLeftImageConfig = {
  imageRightSpace: '40px',
  imageWidth: '200px',
  imageWidthMobile: '100%'
};
</script>
<script src="https://code.beaverhero.com/event/0926c12v1eventdetailleftimg.js"></script>

#2. Customize

#2.1. To change image size on desktop, mobile and space between Image – right text, change these lines

imageRightSpace: '40px',
  imageWidth: '200px',
  imageWidthMobile: '100%'

#2.2. To remove right space on mobile and add space under image (mobile), add this under main code

<style>
@media screen and (max-width:767px) {
    .eventitem-featured-image {
    margin-bottom: 30px;
}
}
</style>