Question about css change in thumbnail & intermediate view Question about css change in thumbnail & intermediate view
 

News:

CPG Release 1.6.26
Correct PHP8.2 issues with user and language managers.
Additional fixes for PHP 8.2
Correct PHP8 error with SMF 2.0 bridge.
Correct IPTC supplimental category parsing.
Download and info HERE

Main Menu

Question about css change in thumbnail & intermediate view

Started by RedSniper, September 03, 2006, 12:16:02 PM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

RedSniper

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://coppermine-gallery.com/forum/proxy.php?request=http%3A%2F%2Fwww.digitality.be%2Fracing%2Fhotlinks%2FColors.JPG&hash=629e5c48d40cbc24cd2e4f46e1bb5f5a5e232f44)

Any hint would be greatly appreciated!!

Gizmo

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

To change the sort options:
.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 +/-
.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.
Did you read the manual first???? Taking 2 minutes to backup your files can save you hours of wondering what you screwed up.
Billy Bullock - BullsEyePhotos Blog of Indecision

RedSniper

#2
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