pagelayer-logo-256
Request A Demo
By entering your email, you agree to our Terms of Service and Privacy Policy
love-subscribe

Download Pagelayer Plugin

Subscribe to our Newsletter for WordPress related news and tutorials and get a 25% discount !

New year Offer
35% Off

Offer Expired

Days
Hours
Minutes
Seconds
COUPON CODE - NEWYEAR
Download
Add a Background Image

Overview

This guide will show you how to create a Background Image effect in Pagelayer. Background Image can be given to Rows, Columns and Inner Rows. Background Image is a image that will be displayed behind the content of the Rows, Columns and Inner Rows.

Procedure

In this example, we will demonstrate how you set a Background Image for a Row. But the same is applicable to Inner Rows and Columns as well. Just drag a row or edit an existing row. Then in the Options Tab you will find Background Style.
There choose the Image option and a Image Upload option will appear.
background image

Options

  • Attachment : Set the type of background attachment as Scroll or Fixed. Default is set to Scroll.
  • Position X : Set the X Position of the background image as Center, Left, or Right. You can also set Custom X Position to the background image by choosing Custom type.
  • Position Y : Set the Y Position of the background image as Center, Top or Bottom. You can also set Custom Y Position to the background image by choosing Custom type.
  • Repeat : Choose the repeat styling of the background image as Repeat, No-Repeat, Repeat-X, Repeat-Y.
  • Size: Choose the size type of the background image as Cover or Contain.
    Was this page helpful?
    Newsletter Subscription
    Subscribing you to the mailing list