How do I change/add a background image?

Permalink Browser Info Environment
I'm trying to add a sitewide background image in Fruitful, but I can't figure out how to add that.

In digging through discussion posts, I can find references to that question, but the answers don't appear to apply to concrete 5.7 installs. There are also a couple of plugins that do that, but again they don't install in 5.7.

Type: Discussion
Status: In Progress
aazide
View Replies:
MichaelG replied on at Permalink Reply
MichaelG
I'm not really sure which discussions you're referring to. Especially since setting a background is really a theme by theme basis.

At the moment, there's no real way to set a background image other than editing the CSS files.

That said, that will likely change in the near future.
aazide replied on at Permalink Reply
aazide
Thanks for your reply.

What CSS file needs to be edited for the background of this theme?
The logical file appears to be:
/packages/fruitful/themes/fruitful/css/bootstrap.less

(forgive me, I'm not a CSS expert).
aazide replied on at Permalink Reply
aazide
I can now confirm that the above is the correct file to edit to change the background image for this theme. Here's a snippet of the edited file:

body {
/*! BEGIN. My addition for background image. */
   padding: 0px;
   background-repeat: no-repeat;
   background-attachment: scroll;
   background-position: left top;
   -moz-background-size: cover;
   background-size: auto;
   height:100%;
   background-color: transparent;
   background-image:url('grass_pixels_dirt_Bkgrnd-m2.jpg');
/*! END. My addition for background image. */
  margin: 0;
}


One other note: there is a bit of weirdness going on with the Sitewide Logo Area;
On the Main/Home page, if block is added to the Sitewide Logo Area, the background becomes solid white (obscuring the background). However, the same area displays with a transparent background on any sub pages. Unfortunately this meant that I had to avoid using this block area.
MichaelG replied on at Permalink Reply
MichaelG
you could put it in any CSS file. However, bootstrap is simply the framework CSS.
iGotStyle.less is the actual theme customization file. I'd probably make customizations there.
MichaelG replied on at Permalink Reply
MichaelG
Also, there's no reason why it should have a background on one page and not another. Shoot me a link I can look at?
bbits replied on at Permalink Reply
if you add the background to the HTML tag you will no get the background flickering.
as below
html {
height: 100%;
width: 100%;
background: transparent url(../img/image.png); }


the example above expects the image in the image folder + the adjustment is made in the iGotStyle.less

concrete5 Environment Information

# concrete5 Version
Core Version - 5.7.3
Version Installed - 5.7.3
Database Version - 20141219000000

# concrete5 Packages
Fruitful (1.1.1).

# concrete5 Overrides
languages/fr_FR, languages/sl_SI, languages/nl_NL, languages/el_GR, languages/ja_JP, languages/fi_FI, languages/da_DK, languages/ru_RU, languages/it_IT, languages/de_DE, languages/tr_TR, languages/sv_SE

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

# Server Software
Apache

# Server API
cgi-fcgi

# PHP Version
5.3.28

# PHP Extensions
apc, bcmath, bz2, calendar, cgi-fcgi, Core, ctype, curl, date, dom, ereg, exif, ffmpeg, fileinfo, filter, ftp, gd, geoip, gettext, hash, iconv, imagick, imap, ionCube Loader, json, libxml, mbstring, mcrypt, memcache, mysql, mysqli, openssl, pcre, PDO, pdo_mysql, pdo_sqlite, pgsql, Phar, posix, pspell, rar, Reflection, session, SimpleXML, soap, sockets, SourceGuardian, SPL, SQLite, sqlite3, standard, tokenizer, uploadprogress, wddx, xml, xmlreader, xmlrpc, xmlwriter, xsl, yaml, Zend Guard Loader, zip, zlib.

# PHP Settings
max_execution_time - 600
apc.max_file_size - 1M
log_errors_max_len - 1024
max_file_uploads - 20
max_input_nesting_level - 64
max_input_time - 600
max_input_vars - 1000
memory_limit - 512M
post_max_size - 512M
safe_mode - Off
safe_mode_exec_dir - /usr/local/php/bin
safe_mode_gid - Off
safe_mode_include_dir - <i>no value</i>
sql.safe_mode - Off
upload_max_filesize - 512M
memcache.max_failover_attempts - 20
mysql.max_links - Unlimited
mysql.max_persistent - Unlimited
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 - 1440
soap.wsdl_cache_limit - 5
safe_mode_allowed_env_vars - PHP_
safe_mode_protected_env_vars - LD_LIBRARY_PATH

Browser User-Agent String

Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_1) AppleWebKit/600.2.5 (KHTML, like Gecko) Version/8.0.2 Safari/600.2.5

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.