CSS for project_vii

[BabeandJamie4Ever]

I was attempting to change the CSS to greys for water_drop and with no success, I switched over to project_vii since it already has some grey's and would be less to figure out. I want the background white surround the tables to change to grey to match my header. Where in the CSS do I change this? Ive searched through all the darker white codes and tryied changing them with no luck.

Here's a link to my gallery: http://www.justin-bruening.net/Gallery

[SaWey]

I do not unserstand your question very well, but do you want to change the whole background color of the page?

Here are some possibilities:
(I only wrote down what css classes are used, so you have to edit the background-color for that class)

• body
• CUSTOM_HEADER
• HEADER
• SUB_MENU
• GELLERY
• maintable
• CUSTOM_FOOTER
• VANITY

[BabeandJamie4Ever]

I tried changing the colours for those sections to the grey's I want to use and it doesnt change. I then just to see if its my grey's or not, changed it all to blue, and nothing changes.

The area Im talking about is the one that goes around the three tables. Like from where the powered by coppermine gallery is, around the left and right sides of the three sections and between the admin buttons and the universal buttons.

[SaWey]

Are you sure you are editing the right css file? the one of project_vii?

Try changing the backgroun-color element of the first class

Code Select Expand


body {
        background-color: #CCCCCC;
        font-family: "Trebuchet MS", Verdana, Geneva, Arial, sans-serif;
        font-size : 12px;
        color: #000000;
        margin: 0px;
}


[BabeandJamie4Ever]

Ive got the style sheet for the project_vii, and I tried changing the background color in that section. I then save it, upload it in FTP and overwrite the file. Refresh my gallery and its still the same as before 

[Joachim Müller]

Take a look at Making a brand new theme, where to start? as well: the tools suggested there will help you to figure out what CSS class is being used for what part of coppermine (or any other CSS-driven site).

[BabeandJamie4Ever]

I downloaded the program and read documentation and such to figure out how to check which class is being used for what part but cant figure it out. But what I did notice was that when I change the CSS, upload it, refresh the gallery and then use the show style sheet option, the style sheet it provides is showing that none of my changes are taking place. Its all the previous colour values and not the ones I had changed them to. 

[Nibbler]

That's because you haven't actually uploaded it.

http://www.justin-bruening.net/Gallery/themes/project_vii/

Last modification date for the style.css is 27-Nov-2007 20:19

[phill104]

I've made that mistake in the past before too. Rename your old css file on your host then upload the new one. There are numerous reasons why they do not overwrite.

A far better option would be to install something like WAMP  ( http://www.wampserver.com/en/ ) on your computer and then install coppermine on your local machine. That way you can play with it without having to upload anything to your live site and see results far quicker.

Also be aware that some buttons/headers contain background graphics so no amount of css fiddling will change them. I found the colours used button in the accessability toolbar one of the most useful items for working out what is going on with the css.

All of the above mistakes I made this week when rebuilding the classic themes css to fit my new site here.

http://www.windsurf.me.uk/cpg133

[BabeandJamie4Ever]

I copied the folder for that theme and renamed it "May" and that is the theme I have my gallery set to and am working on the stylesheet out of that folder. I just checked and it says the last modification date is Jan 7th.

[Nibbler]

OK, but you need to modify the path to the css file in template.html so that it points to the style.css in "May", not the old style.css in project_vii.

[BabeandJamie4Ever]

Thanks so much!! It works now

[Joachim Müller]

It's recommended to come up with a custom name for a custom theme. As Nibbler suggested, you need to change the reference from the old theme name to the new one. Read up "Rename your theme first"