Footer background image

Permalink Browser Info Environment
Hi there,
I was trying to put an overlay image on the footer area (whole site). Didn't succeed, only possible to change footer background color (Design/Customize Theme).
I have 4 columns and I can get background image under 1 column, but I want it 'under' these all columns align right.

Advanced Custom CSS could work, but I can't code... can someone help?

Type: Discussion
Status: Resolved
View Replies:
shahroq replied on at Permalink Reply
Could you post a picture or link as to what exactly you want to do?
pedroC5 replied on at Permalink Reply 1 Attachment
Like to have it this way. No need to be on mobile view.
shahroq replied on at Permalink Reply
Plz, copy this piece into your `` file & tweak the values:
/* set footer background image */
@footer-overlay-color: rgba(0, 0, 0, 0.7); // the last parameter is opacity of the overlay color
@footer-overlay-image: 'footer-bg.jpg'; // copy the image into `\application\config\pixel_theme`
#footer {
        linear-gradient(@footer-overlay-color, @footer-overlay-color),
    background-size: auto; // values: auto, contain, cover
    background-position: top right; // position of the image
    background-repeat: no-repeat;

If you don't know how to use the ``, check the `Instructions` page #18
pedroC5 replied on at Permalink Reply
This worked! Thank you for your help Shahroq :)
I used transparent png image, so I change rfooter-overlay-color to gba(0, 0, 0, 0).

concrete5 Environment Information

# concrete5 Version
Core Version - 8.5.4
Version Installed - 8.5.4
Database Version - 20200609145307

# Database Information
Version: 5.7.26-0ubuntu0.16.04.1

# concrete5 Packages
Community Store (2.3.1), Formidable (Full Version) (2.1.5), Pixel Theme (2.4.0)

# concrete5 Overrides

# concrete5 Cache Settings
Block Cache - On
Overrides Cache - On
Full Page Caching - Off
Full Page Cache Lifetime - Every 6 hours (default setting).

# Server Software

# Server API

# PHP Version

# PHP Extensions
bcmath, bz2, calendar, cgi-fcgi, Core, ctype, curl, date, dom, exif, fileinfo, filter, ftp, gd, gettext, hash, iconv, imap, json, libxml, mbstring, mysqli, mysqlnd, openssl, pcntl, pcre, PDO, pdo_mysql, pdo_pgsql, pdo_sqlite, pgsql, Phar, posix, Reflection, session, SimpleXML, soap, sockets, SPL, sqlite3, standard, sysvsem, sysvshm, tokenizer, xml, xmlreader, xmlrpc, xmlwriter, xsl, Zend OPcache, zip, zlib

# PHP Settings
max_execution_time - 30
log_errors_max_len - 1024
max_file_uploads - 20
max_input_nesting_level - 64
max_input_time - 60
max_input_vars - 1000
memory_limit - 128M
post_max_size - 64M
upload_max_filesize - 64M
mbstring.regex_retry_limit - 1000000
mbstring.regex_stack_limit - 100000
mysqli.max_links - Unlimited
mysqli.max_persistent - Unlimited
pcre.backtrack_limit - 1000000
pcre.recursion_limit - 100000
pgsql.max_links - Unlimited
pgsql.max_persistent - Unlimited
session.cache_limiter - <i>no value</i>
session.gc_maxlifetime - 7200
soap.wsdl_cache_limit - 5
unserialize_max_depth - 4096
opcache.max_accelerated_files - 10000
opcache.max_file_size - 0
opcache.max_wasted_percentage - 5

Browser User-Agent String

Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.0.2 Safari/605.1.15

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You may not request a refund that is not currently owned by you.