Background Image for a div area.

Permalink
I would like to add a static background image for a <div> area. Most of the tutorials ive read deal with body background images, or page types/attributes to make the background dynamic. I need the background to be static throughout the site.

When i add the image thru inline CSS, it doesnt work at all. Wehn added thru a stylesheet, it seems concrete is removing that particular line of code. Ive tried adding !important to it, to no avail.

Ive tried php get path code, page types, and attributes nothing... please help me...

 
JohntheFish replied on at Permalink Reply
JohntheFish
You could put nearly any of these in a global area:
http://www.concrete5.org/marketplace/addons/-/view/?submit_search=1...
phreeknomenal replied on at Permalink Reply
Those add-ons seem to only focus on background images for the body tag. I can modify the body background through CSS alone. However, I cannot do the same within a <div> tag.

It may be an issue with Chrome. I found i was able to edit the div background through inline code when viewing through Firefox and IE... any suggestions for Chrome?
JohntheFish replied on at Permalink Reply
JohntheFish
If you want to use some inline JavaScript to modify the background by adding a style attribute to any tag, that should work whatever the browser. Same for inline CSS in the header. You can also set styles/css in the 'design' menu for any block.

(If you want to do a lot of that sort of thing, I have a couple of 'Quickie' addons that make it easier, but you can also do it from ordinary blocks).

In Chrome, the browser Cache is very sticky, especially for css, so sometimes it takes multiple F5 and CTL+F5 refreshes before Chrome takes note of a style change.

A likely reason for a block background set by css to not work is that the path was not right. You should be able to see that in the network pane of the developer console. Another possibility is that a theme set the original background as '!important'. You should be able to see that in the elements pane of the developer console.