Forum Subject: Editing buttons?

Posted on: 06/18/08 01:26am
By: greenteagod

Does anyone know if there's a way to edit the buttons in the default template? I have a dark background and light text, but the text is practically invisible in the default buttons. Is there a location to change the button graphics?

Re: Editing buttons?

Posted on: 06/19/08 05:08pm
By: Dirk

Buttons can be styled with CSS. In the style.css for the Professional theme, I see this:
Text Formatted Code
input,
submit,
td {
  color:#000000;
}

This should, among other things, define black as the text color for submit buttons.

bye, Dirk

Re: Editing buttons?

Posted on: 06/19/08 05:27pm
By: greenteagod

I did see that. I got it so you can read the text now, but I was wondering if you can input graphical buttons in there instead of the browser defaults. I'll give it a go tonight.

Thanks again Dirk.

Re: Editing buttons?

Posted on: 06/19/08 05:45pm
By: Dirk

Quote by: greenteagod

I was wondering if you can input graphical buttons in there instead of the browser defaults.


Sure. Can't tell you how off the top of my head, but you should easily find a tutorial out there somewhere.

bye, Dirk

Re: Editing buttons?

Posted on: 06/20/08 06:10pm
By: beewee

There you go:
http://particletree.com/features/rediscovering-the-button-element/[*1]
http://www.filamentgroup.com/lab/styling_the_button_element_with_sliding_doors/[*2] ,
http://blog.hedgerwow.com/2007/11/21/input-replacement-replace-defult-input-style-with-customized-skin-text/[*3]
http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html[*4]

Geeklog - Forum Subject: Editing buttons?
https://www.geeklog.net/forum/viewtopic.php/83208

[*1] http://particletree.com/features/rediscovering-the-button-element/
[*2] http://www.filamentgroup.com/lab/styling_the_button_element_with_sliding_doors/
[*3] http://blog.hedgerwow.com/2007/11/21/input-replacement-replace-defult-input-style-with-customized-skin-text/
[*4] http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html