Simple Machines Community Forum

Customizing SMF => Graphics and Templates => Topic started by: Blah blah on October 12, 2010, 10:12:34 PM

Title: Change the color of post and preview buttons...
Post by: Blah blah on October 12, 2010, 10:12:34 PM
The color of the text that is. The text inside those buttons.
Title: Re: Change the color of post and preview buttons...
Post by: Hj Ahmad Rasyid Hj Ismail on October 12, 2010, 10:21:42 PM
You mean in this Display Page like Reply, Add Poll, Notify etc? Or in the posting page like Post, Preview, Spell Check?
Title: Re: Change the color of post and preview buttons...
Post by: Blah blah on October 12, 2010, 10:32:06 PM
On the posting page, sorry.
Title: Re: Change the color of post and preview buttons...
Post by: Hj Ahmad Rasyid Hj Ismail on October 12, 2010, 11:57:48 PM
Open your style.css and find this (or similar lines):/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button
{
    color: #000000;
    font-family: verdana, sans-serif;
}
input, button
{
    font-size: 90%;
}

textarea
{
    font-size: 100%;
    color: #000000;
    font-family: verdana, sans-serif;
}
Title: Re: Change the color of post and preview buttons...
Post by: Blah blah on October 13, 2010, 12:36:03 AM
Thanks.

While I have you attention can I ask another question? Where in the CSS is the color code for the subject text color on the post page?
Title: Re: Change the color of post and preview buttons...
Post by: Hj Ahmad Rasyid Hj Ismail on October 13, 2010, 04:54:25 AM
This is mainly for whole body:
/* use dark grey for the text, leaving black for headers etc */
body, td, th , tr
{
    color: #444444;
}

And this is for post:
/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage
{
    overflow: auto;
    line-height: 1.3em;
    width: 100%;
}
.postarea .post
{
    clear: right;
    float: left;
}
/* add a visual divider between subject and post */
.post .inner
{
    padding-top: 0.7em;
    border-top: solid 1px #888;
}

/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
.signature
{
    clear: right;
    padding: 1em 0 3px 0;
    border-top: solid 1px #888;
    width: 100%;
    overflow: auto;
    line-height: 1.3em;
}
Title: Re: Change the color of post and preview buttons...
Post by: Blah blah on October 14, 2010, 01:36:24 AM
Thanks. One more question  :) where can I adjust the color of the quote box and quote text color?
Title: Re: Change the color of post and preview buttons...
Post by: Paul_Pauline on October 14, 2010, 07:29:04 AM
Strangely Enough Here      >>>    /* A quote, perhaps from another post. */   ???



  /* A quote, perhaps from another post. */
.quote

{
color: #000000;
background-color: #CFCFCF;
border: 1px solid #000000;
margin: 1px;
padding: 1px;
font-size: x-small;
line-height: 1.4em;
}