How to set a custom login page background image in 5.7.5+

This is a community-contributed tutorial. This tutorial is over a year old and may not apply to your version of Concrete CMS.
Jul 12, 2015

In Concrete CMS 5.7.5+, you can add a custom background to the login page. This custom background image will replace the photo of the day default.

In your application\config folder, open concrete.php. If you don't have a concrete.php file, you will need to create one. The concrete.php file will only contain PHP, so only an opening PHP tag is required. Paste the following code into concrete.php.

<?php
return array(
    'urls' => array(
        'background_url' => 'http://example.com/example_background.jpg',
    ),
    'white_label' => array(
        'background_url' => 'http://example.com/example_background.jpg',
    )
);

If concrete.php exists and already has arrays of configuration settings. Add a comma after the last first level sub-array (not the returned array) and then paste the background image configuration settings after the comma.

Example: existing array

<?php
return array(
    'marketplace' => array(
        'enabled' => false
    ),
    'external' => array(
        'news_overlay' => false,
        'news' => false,
    )
);

-- external in the above example is the last first level sub-array

Example: background image configuration settings

'urls' => array(
    'background_url' => 'http://example.com/example_background.jpg',
),
'white_label' => array(
    'background_url' => 'http://example.com/example_background.jpg',
)

Example: adding to the existing array

<?php
return array(
    'marketplace' => array(
        'enabled' => false
    ),
    'external' => array(
        'news_overlay' => false,
        'news' => false,
    ),
    'urls' => array(
        'background_url' => 'http://example.com/example_background.jpg',
    ),
    'white_label' => array(
        'background_url' => 'http://example.com/example_background.jpg',
    )
);

The background_url key has a string value that is the URL of the background image. To support 5.7.5+ and v8, the same URL is used for both the urls and white_label arrays.

The background image path can be absolute or relative from your site root or the concrete file system.

Example: getting an image url from the concrete5 file system

  • open the file manager - Dashboard > Files > File Manager
  • click on an image to trigger a popup menu
  • select Properties from the menu
  • copy the value of URL to File
Recent Tutorials
Upgrade Concrete versions 9.3.1 and 9.3.2
Sep 10, 2024
By myq.

How to get past a bug in versions 9.3.1 and 9.3.2 that prevents upgrading the Concrete core through the Dashboard

How to use Composer with Marketplace extensions
Aug 22, 2024

Composer can be used to manage third-party extensions from the marketplace

Controlling Google Tag Manager Tags Based on Concrete CMS Edit Toolbar Visibility
Aug 13, 2024

This document provides a step-by-step guide on how to control the firing of Google Tag Manager (GTM) tags based on the visibility of the Concrete CMS edit toolbar. It explains how to create a custom JavaScript variable in GTM to detect whether the edit toolbar is present on a page and how to set up a trigger that ensures GTM tags only fire when the toolbar is not visible. This setup is particularly useful for developers and marketers who want to ensure that tracking and analytics tags are not activated during content editing sessions, thereby preserving the accuracy of data collected.

Upgrading Concrete from 8.5 to 9.x
Jun 21, 2024
By myq.

How to avoid problems upgrading from 8.5 to 9.x

How to change the default date format
May 30, 2024
By myq.

Change the format of the default date

WebOps Tutorial on Running and Upgrading a Concrete CMS Website
May 2, 2024
By myq.

Describes how to deploy, manage, and upgrade a Concrete CMS website

Improvements?

Let us know by posting here.