changing background color in Bootstrap Theme?

In https://github.com/PHPFusion/PHPFusion/blob/9.02/themes/Bootstrap/styles.css add this

Thanx, did the job B)

the background color change does NOT work in Opera :-(

I would also like to change the background color where the arrows are pointing ...

top menu
navigation box
and other panels

EDIT
png attachment was not allowed

please activate

Try add


Or you can change styles in Theme Manager -> Theme Preset

the code you suggest is already added try to see here: http://joyfulchoir.dk/forsamlingshus/...amlingshus

it's all the white areas except for the search-box I would like to change ...

and I still try to attach an png file in this thread: message error: file type not allowed

It says it is allowed in the system here, might be a template issue or custom code in the png file that deny it, like markers from a program etc.
We are on the verge of upgrading here, it will be ok on new forum for sure.

trying to attach again ...

success ... I used ImageOptim to clean out exif and other stuff

https://imageoptim.com/mac

You can use the Developer Tools in your browser (Ctrl+Shift+I). There is, all the necessary information for you. Right-click and select: View element code or use the keys Ctrl+Shift+C, for Opera.

Hi Helmuth,

@zizub is correct here. Try to learn to use the inspector on your browser. CTRL+SHIFT+I for Chrome.

In your theme's styles.css file, add this line at the end of the file.



if it does not work, force it.


Clear Browser Cache always
V9 uses a cache to reduce your server loading times. If you are using Chrome, and in order to remove browser cache, you can bring up the inspector window, and Find the main "Network" Tab. And there is a checkbox with "Disable Cache". Tick that. So every reload with inspector on, will auto clear cache for you.

Alternatively, you can logout and relogin.

I use Chrome after Falk introduced it to me. I never changed since because I adore it a lot. So much better than Firefox.

Some other explanations regarding Styling in Version 9.

Version 9 is a multi resource platform. It's foundation is Bootstrap, and a theme's styles.css top its up with additional parameters.

Resource 1. System load Bootstrap first, unless turned off. (Default)
Resource 2. Then we load our custom styles and anything declared in the Theme's Style.css will override Bootstrap automatically. (Override No. 1)
Resource 3. When you use Theme Engine customization, we remove theme default styles.css and rebuild a new version of Styles_xxxxx.css. (Override No.2)

Because of Resource No.1 is loaded, any theme has a responsive loaded (including v7 ones). As a result of this, a theme now can literally run without styles.css, but we forbid that for practical reasons. So in cascade action, If No.3 is present, No.3 + No.1 will work hand-in-hand.

The way I showed you is via step 2 override.