CMS Made Simple Forums

Hi,

I just put up a CMSMS site and used the Red Woman theme with a few modifications.

www.sixofone.ca

Q - The white background color around the edges of the site. Does anyone know where to find the value to change this to a different color. I feel like I've changed every color setting in every stylesheet and template, and still no luck.

In one of your stylesheets, you have:

body {
text-align: left;
font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 1.4em;
background: white;
}

Google Chrome makes it easy to inspect any element on the page.. It will tell you all styles associated with it, and what the final value was. You can then change it on the fly and see how it looks. I was able to edit the background to black, and it worked.

And in another CSS:    background: none repeat scroll 0 0 #FFFFFF;
And in yet another file:  color: #520000;

In addition to Wishbone: Firefox in combination with Firebug is also handy when trying to solve these sort of questions. 

Thank you  guys - I'll try these..

Q. Is there any way of determining in what stylesheet they might be? Or even a way to narrow it down?

Maybe this will help. Here are all the stylesheets in the list. I don't know where to start? Of course some have associations to others which makes it all the more confusing for me.

Accessibility and cross-browser tools
Handheld
Layout: Left sidebar + 1 column
Layout: NCleanBlue
Layout: Top menu + 2 columns
Module: News
Navigation: CSSMenu - Horizontal
Navigation: CSSMenu - Vertical
Navigation: FatFootMenu
Navigation: ShadowMenu - Horizontal
Navigation: ShadowMenu - Vertical
Navigation: Simple - Horizontal
Navigation:
ncleanbluecore
ncleanblueutils
Print
RedWoman : Accessibility and cross-browser tools
RedWoman : CSSMenu - Horizontal
RedWoman : News
RedWoman : Print

I can only repeat myself: Install the Firefox browser, then install the Firebug addon. 

You'll have a separte window next to your normal browser window where you see all your html code, you can click on the id/classes and to the right of the screen you get all the relevant css code. There is also a link to the full css files, so after you found the culprit class in your html code, you can see all the css that belongs to that class, then you might be able to spot the faulty value (you can edit css on the fly with firebug) and see in which css file you have to edit in the CMSMS admin.

I hope you can find your way 

It's in your stylesheet that has a css_id of '50'.

Go to your stylesheet list, and hover over each of the edit links... Most browsers show you the URL, usually at the bottom, that you are hovering over.. Look for the one that has 'css_id=50' at the end of the URL.

body {
text-align: left;
font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 1.4em;
background:#FFF;
}

It's in the:

 'RedWoman : RedWoman'

stylesheet, which is probably on page 2 of your stylesheet listing.

Nullig

Brilliant! Thank you both!

Firebug indeed allowed me to find the illusive animal and the additional direction allowed me to find out where to save it.

My headache just went away.

Curious...Is there a way to save these changes directly from firebug? A plugin perhaps? I thought it was odd that I just couldn't save on the fly.

Cheers!

No, it's not possible to save the changes from Firebug to the cmsms stylesheet.

The stylesheets are saved in your database, which means Firebug would have to get access and that's not something you really want

I woudl only use Firebug to find the 'faulty' css and play around to find the right setting. After fixing the issue, manually add your changes to the cmsms stylesheet.

If you were to have used firefox with the web dev. toolbar you could change the style sheet to your liking then copied the part you changed, or the whole style sheet, and pasted it into the original, I do this all the time...