Welcome to Geeklog, Anonymous Saturday, November 23 2024 @ 08:17 am EST

Geeklog Forums

Need help with editing my theme


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.
 Quote

ironmax

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

 Quote

Status: offline

kd0afk

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

Status: offline

geiss

Forum User
Full Member
Registered: 02/10/04
Posts: 176
Location:Boise, Idaho
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
 Quote

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?
 Quote

Status: offline

geiss

Forum User
Full Member
Registered: 02/10/04
Posts: 176
Location:Boise, Idaho
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
 Quote

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.
 Quote

Status: offline

geiss

Forum User
Full Member
Registered: 02/10/04
Posts: 176
Location:Boise, Idaho
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
 Quote

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?
 Quote

Status: offline

geiss

Forum User
Full Member
Registered: 02/10/04
Posts: 176
Location:Boise, Idaho
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
 Quote

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.
 Quote

Status: offline

geiss

Forum User
Full Member
Registered: 02/10/04
Posts: 176
Location:Boise, Idaho
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
 Quote

All times are EST. The time is now 08:17 am.

  • Normal Topic
  • Sticky Topic
  • Locked Topic
  • New Post
  • Sticky Topic W/ New Post
  • Locked Topic W/ New Post
  •  View Anonymous Posts
  •  Able to post
  •  Filtered HTML Allowed
  •  Censored Content