Page 1 of 1

Changing background color

PostPosted: Tue Sep 14, 2004 10:04 pm
by ronhrl
I tried to change the background color of my main gallery and most of the others by changing BODY. background-color, but nothing happened.

BODY {
background-color : #8d7468;
}
A:link { color : #d5ae83}
A:hover { color:#FFFFCC;
text-decoration: underline; }
A:visited { color:#d5ae83; }
A:active { color : #d5ae83; }

The #8d7468 was the new color I wanted to try.

What am I doing wrong?

Thanks,
Ron

Re: Changing background color

PostPosted: Wed Sep 15, 2004 7:02 am
by dpnew
ronhrl wrote:I tried to change the background color of my main gallery and most of the others by changing BODY. background-color, but nothing happened.

BODY {
background-color : #8d7468;
}
A:link { color : #d5ae83}
A:hover { color:#FFFFCC;
text-decoration: underline; }
A:visited { color:#d5ae83; }
A:active { color : #d5ae83; }

The #8d7468 was the new color I wanted to try.

What am I doing wrong?

Thanks,
Ron


Hi,

background-color : #8d7468;

is the right property to change. It's hard to know what you did wrong. To see if there was an inobvious technical problem with the code, I pasted your code into one of my galleries and it works, although if that's the extent of the style sheet, you most likely will be disappointed.

If you made the change to the correct style sheet(the one listed for your gallery), and you saved the change by clicking on the "Update CSS" button, then you just need to get your browser to display the change.

This is what I do. After I click on the "Update CSS" button to save the changes and see a preview of the changes, I click on the "back to gallery" link under the "Update CSS" button. That takes me back to my root gallery, which is not entirely obvious because I would expect to be taken back to the gallery I just edited. So, I have to scroll down and click on the thumbnail for the gallery I just edited to get back to it. Then, I click on "edit this gallery" at the top of the page, and that takes me inside the gallery specifics. Once inside, if I created a new version of the old style sheet which I saved under a different name, I have to change the style sheet listed to the one I just created. On the other hand, if I made changes to the existing style sheet, the correct style sheet is listed.

Then, I click on the "Update Gallery" gallery button in the middle of the page. A lot of times that still doesn't do the trick because my browser stubbornly uses the old page that is cached. To remedy that, I have to click on the Refresh button in my browser. Sometimes that doesn't even seem to work, so I close the browser window and log back into pbase in a new window to see the changes. Sometimes I think pbase just needs a minute or two to update everything, so all the above may just be fruitless.

PostPosted: Wed Sep 15, 2004 1:27 pm
by ukexpat
I have found that it is very worthwhile to run your style sheets through a CSS validator, like the one at the W3C site: http://jigsaw.w3.org/css-validator. When I did that, their system pointed out 4 errors that were easy to correct.

PostPosted: Wed Sep 15, 2004 4:18 pm
by ronhrl
Thanks for your help. The problem seemed to be a very long delay in Pbase to accept and make the changes; a few hours later, the change took place. Then I changed it back to the original color, and it took several more hours to take effect.

Ron

PostPosted: Wed Sep 15, 2004 4:27 pm
by srijith
PBase stylesheet changes are instantaneous. It must the bowser cache acting up again..

Utility: RGB Hexadecimal Color & Chart

PostPosted: Wed Sep 15, 2004 5:02 pm
by matiasasun
By the way:
Here is a useful link with information about the codes & numbers for the colors in Hexadecimal, some charts with data, and some other information:
http://www.hypersolutions.org/rgb.html
Very useful for the quick changes in our stylesheets. 8)