forum.coppermine-gallery.net

Support => cpg1.4.x Support => Older/other versions => cpg1.4 themes/skins/templates => Topic started by: RedSniper on September 03, 2006, 12:16:02 pm

Title: Question about css change in thumbnail & intermediate view
Post by: RedSniper on September 03, 2006, 12:16:02 pm

Dear Coppermine friends & users,

I've been using this great tool to fine-tune my picture gallery and I'm about 95% complete.
I still need to change one thing, and can't seem to solve this.

I want to change the color of the text in the thumbnails view & intermediate picture view window.
At the moment, it is white, but want it to appear black on the screen. I somehow managed to change the navigation separator to black, but can't find the correct css entry for the texts (Home, Side Projects, ...) and also the sort options TITLE, FILENAME, DATE, POSITION, etc...

This is how it appears now:
(https://forum.coppermine-gallery.net/proxy.php?request=http%3A%2F%2Fwww.digitality.be%2Fracing%2Fhotlinks%2FColors.JPG&hash=629e5c48d40cbc24cd2e4f46e1bb5f5a5e232f44)

Any hint would be greatly appreciated!!

Title: Re: Question about css change in thumbnail & intermediate view
Post by: Gizmo on September 03, 2006, 01:59:26 pm

Curious since you changed the background cell of the sort options but couldn't find the text styling. Anyway, check out this link and the Web Developer tool. It's a very handy tool for determining what css styling is controlling items on your webpage. http://forum.coppermine-gallery.net/index.php?topic=31423.0 (http://forum.coppermine-gallery.net/index.php?topic=31423.0)

To change the sort options:

Code: [Select]

.sortorder_options {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        background : #D5EAEB;
        color : #006666;
        padding: 0px;
        margin: 0px;
        font-weight: normal;
        font-size: 80%;
        white-space: nowrap;
}
To change the breadcrumb and sort +/-

Code: [Select]

.statlink h2{
        color: #006666;
  font-size: 12px;
  font-weight: bold;
}

.statlink a {
        text-decoration: none;
        color: #006666;
}

.statlink a:hover {
        color: #CC3300;
        text-decoration: underline;
}
To change the other items, without a link to your page, I don't know which items you want changed. Try the Web Developer kit to see if you can do it.

Title: Re: Question about css change in thumbnail & intermediate view
Post by: RedSniper on September 03, 2006, 03:01:37 pm

Thank you very much for your help. I'll have a look at this tool!

EDIT: Gizmo, you are da bomb, changing "statlink a" did the trick perfectly, I was always messing with navigation colors, as I thought
it would make more sense...

Thanks again! ;D