Home>Support>Aligning an image in Hero

Aligning an image in Hero


I am using Hero to insert a video on top of a background image. I can insert the video using add media with no problems but I am having trouble aligning it. By default it is left aligned and I want it on the right.

The align buttons on the editor don’t seem to have any effect. Also the video auto plays even though the auto play check box in un-checked.

Any advice would be great.

Many thanks

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 3 months, 16 days ago Andrew Misplon Hi, I Work Here

    Hi Leigh

    Thanks for posting :)

    The autoplay setting unfortunately only applies to YouTube videos. You could add your video to YouTube as an unlisted video and then get control over that setting.

    The regular use case for the background image field when a video is present is for the background image to act as a fallback for when the video can’t be played.

    For your use case, rather insert the video into the Content area. You can then set autoplay to off as follows:

    [video width="560" height="320" mp4="http://localhost/siteorigin/wp-content/uploads/2018/04/small.mp4" autoplay="off"][/video]

    Here are the parameters for the video shortcode: https://codex.wordpress.org/Video_Shortcode

    That said, you’ll probably need to reconsider this approach, it isn’t really what the Hero was designed for. We could help with Custom CSS to align the video but unfortunately not under free support scope, we could help under our SiteOrigin Premium support scope.

    What you might consider is a SiteOrigin Layout Slider widget. That’ll let you build a Page Builder layout for each slide. You can then use a SiteOrigin Editor widget to insert your video and place that widget in a row and column as required. Try it out on a demo page first.

    Hopefully, one of the ideas above is helpful in getting this challenge resolved.

  2. 3 months, 6 days ago Leigh Boswell

    Hi, thank you for your reply Andrew the SiteOrigin Layout Slider worked well for what I wanted to do.

  3. 3 months, 6 days ago Andrew Misplon Hi, I Work Here

    Super :) Thanks for the update, glad to hear you’re making progress.

    Cheers for now.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More