Set A Footer Image

This feature enables you to select an image that is chosen as the representative image in the Conj - eCommerce WordPress Theme bottom footer section.

Follow the steps below to upload a footer background image:

Upload a footer background image
  1. On the frontend, in the Admin bar, Customize.

  2. On the backend, click Appearance » Customize.

  3. Navigate to Footer » Settings section.

  4. Locate the Footer Image call-out.

  5. Click the Select image button to open the WordPress media library.

  6. To upload the footer image file, click the Upload Files tab in the upper left corner of the Select image dialog box.

  7. You can drag and drop any image file from your local computer or machine’s file manager, or you can click Upload Files to upload the footer image file.

  8. In the File Upload dialog box, navigate to the location of the image you want to use, and then double-click the image to upload it.

  9. Once the file uploaded, the Media Library tab appears with the uploaded file selected.

  10. At the right side of the Medial Library, complete the Title, Caption, Alt Text, and Description text boxes, and then click Select button.

  11. The Crop Image dialog box appears.

  12. Use the sizing handles to select any portion of the uploaded image you wish to be displayed as the site logo area, and then click Crop Image button. Suggested image dimensions: 1920 by 286 pixels.

  13. Now that you have a Background Image, you will see the available options:

    • Background repeat – Specify if/how the footer background image will be repeated.

      • No repeat – The background-image is not repeated.

      • Tile – The background image is repeated both vertically and horizontally.

      • Tile horizontally – The background image is repeated only horizontally.

      • Tile vertically – The background image is repeated only vertically.

    • Background size – Specify the size of the footer background image.

      • Default – The background image is displayed in its original size.

      • Cover – Resize the background image to cover the entire container.

      • Contain – Resize the background image to make sure the image is fully visible.

    • Background position – Specify the starting position of the footer background image.

      • Left Top

      • Left Center

      • Left Bottom

      • Right Top

      • Right Center

      • Right Bottom

      • Center Top

      • Center Center

      • Center Bottom

  14. Click the Publish button to view the uploaded footer image on your site.

Try changing all of background image options to the various settings to preview how they effect the display of the background image, including different combinations of the three options. When setting the Background position option, you will need to test the preview by scrolling the page in the preview panel. With some options, the image may seem to disappear entirely, but that is due to a limited use of the image that is hidden behind another element in the foreground.