Important!

Please note that our Legacy Themes have been replaced by new Thrive Theme Builder Themes. While our Legacy Themes are still functional, we are no longer actively developing them. Check out this course to find out how to switch your site to Thrive Theme Builder.

You can also read this article about how to use the "Background Style" element since the "Borderless Content" option can be obtained using this element.

In the default WordPress editor, click on the ThriveShortCodes button and select "Borderless" from the drop-down menu:

shortcode-borderless-1

You'll be presented with a choice of either embedding an image or a video. The image options are as follows:

1) Image/Video Tabs

shortcode-borderless-2

Switch between video and image options here.

2) Add Image

You can insert the URL path to an existing image or click on the "Upload/Insert" button to open the WordPress media manager and either upload a new image or select an existing image.

3) Position on Page

Select "Top of the Page" if the image is the very first thing that appears on the page and the title has been deactivated in the page settings. Select "Bottom of the Page" if the image is the very last thing to appear on the page.

Here's a comparison of an image at the very bottom of the page, with and without the "Bottom of the Page" setting activated:

shortcode-borderless-3

Yes, it's a small detail, but we're perfectionists like that, here at Thrive Themes. :)

If you switch to the video tab, you will see these options:

shortcode-borderless-4

1) Video Type

You can embed YouTube videos, Vimeo videos or custom videos, such as Wistia hosted videos. Note that YouTube and Vimeo videos will automatically be responsive. If you choose "custom", you can either set a URL to a video file (only use this option if you know what you're doing) or use an embed code.

If you use the embed code, you have to make sure that the embed is responsive, as we can't "force" an externally embedded video into being responsive. For example, if you use a Wistia embed code, make sure that the Wistia "Video Foam" option is selected.

2) Video URL

For YouTube and Vimeo videos, enter the URL here. This is just the URL on which you are watching the video, not the embed code for that video.

3) Options

For YouTube videos, we've added some handy customization options, which you can use to "clean up" the video and make it auto-play.

4) Position on Page

These settings have the same effect for videos as they have for images (see above).

Borderless vs. Default

A borderless embedded image or video will span a wider area than regular content. In boxed themes, this will be clearly visible, while in full-width themes, it won't make a big difference.

To keep the themes compatible with each other, we add this shortcode to all of them.

Here's an illustration of a default and a borderless image, shown in FocusBlog:

shortcode-borderless-5

The borderless embed accomplishes two things:

  1. It allows you to display images and videos at a slightly higher resolution/larger size on your site.
  2. It looks way cooler.

Important!

Please note that in order to use the Shortcodes as they are described in this article, you have to install the "Classic Editor" plugin. Check out this article to find out more about how to install and use the plugin.

Did this answer your question?