Status: offline

kd0afk

Forum User
Junior
Registered: 11/19/07
Posts: 17
I have the colors right with a black background. The only problem is when I change the color of the submit buttons so that they can be seen, some of the text dissapears. I am using the Professional theme. Could someone please help me on this? I have submitted my problem on other threads but I guess nobody saw them.

ironmax

Anonymous
Would help if we had a url to goto so that we can see whats going on.


Status: offline

kd0afk

Forum User
Junior
Registered: 11/19/07
Posts: 17
www.truckerham.com

Status: offline

geiss

Forum User
Full Member
Registered: 02/10/04
Posts: 176
I don't see a geeklog install at that URL (www.truckerham.com), but basically all you need to do is open style.css and separate out the following:

Text Formatted Code

input, submit, td {
  color:#000000;
}


so it becomes this:
Text Formatted Code

input {
  color:#000000;
}
submit {
  color:#000000;
}
td {
  color:#000000;
}


and then change whichever to be white or dark respectively.

Hope this helps!

Eric
Synergy - Stability - Style --- Visit us at glfusion.org

Status: offline

kd0afk

Forum User
Junior
Registered: 11/19/07
Posts: 17
Actually it's; http://truckerham.com/oldchestnuttree/public_html//
Your information helped out allot.
I will try and find a way to submit my new theme. I haven't seen a "Dark" black based theme in my serching but now that I have it worked out I will make it available. Is there a standard method for doing this?

Status: offline

geiss

Forum User
Full Member
Registered: 02/10/04
Posts: 176
Glad to help! Big Grin

Check out this thread for both info on another dark theme hot off the press and info on where to submit your theme so others can download it.

Thx!

Eric
Synergy - Stability - Style --- Visit us at glfusion.org

Status: offline

kd0afk

Forum User
Junior
Registered: 11/19/07
Posts: 17
blank
One more thing. On the small calendars at the top of the calendar page, I am trying to edit the color of the days of the week. I think the CSS file says that they are controled by the style "smallcal-headline" and later in the code there is "smallcal-week-empty" and smallcal-day-odd" and smallcal-day-even". Where are the rules to control these in the stylesheet? Or do I have to create the code myself. I think I am catching on to this pretty well, but I have never had to edit CSS files before. It is kind of new to me.

Status: offline

geiss

Forum User
Full Member
Registered: 02/10/04
Posts: 176
The style class for the small calendar backgrounds are as follows:

.smallcal-week-even - this is defined in the stylesheet. Here you can edit the background and color (for the numbers) properties.

.smallcal-week-odd - this isn't explicitly defined in the stylesheet, but you can add it like the even week css above to change its styling.

Hope this helps!

Eric
Synergy - Stability - Style --- Visit us at glfusion.org

Status: offline

kd0afk

Forum User
Junior
Registered: 11/19/07
Posts: 17
week-even and week-odd control the dates but what controls the days of the week (ie;mon, tue, wed,thu) on the small cal?

Status: offline

geiss

Forum User
Full Member
Registered: 02/10/04
Posts: 176
I believe its th (style.css line 154).

If you use Firefox, there is a wonderful extension called Firebug where you can right-click on any web page element and it will show you the styling information (among many other things)!

-Eric
Synergy - Stability - Style --- Visit us at glfusion.org

Status: offline

kd0afk

Forum User
Junior
Registered: 11/19/07
Posts: 17
I've tried changing "ts" in the style.css file but it doesn't change it.

Status: offline

geiss

Forum User
Full Member
Registered: 02/10/04
Posts: 176
Quote by: kd0afk

I've tried changing "ts" in the style.css file but it doesn't change it.



To be clear, I wrote th not ts. There is no style selector called "ts".

I just tested my instructions on a default GL 1.4.1 system with the professional theme and it works fine. What does your code look like now in style.css? Here's what mine looks like:

Text Formatted Code

th {
  color:red;
  background-color:#DAE0ED;
  font-weight:bold;
  font-size:larger;
  padding-left:3px;
  text-align:left;
}
 


Also, have you cleared your browser cache? :wink:

Thx!

Eric

Synergy - Stability - Style --- Visit us at glfusion.org