In your custom.css add this…

.custom #header #tagline {color: #000000;}

Change the hexadecimal number to whatever gives you the desired effect

You can highlight anything from individual words, to sentences, to entire paragraphs. First thing you’re going to do is figure out a class name. This name will be used over and over again to put the highlight anywhere in any post or page

I named mine “my-highlight”

Add the name to your custom.css and chose a color you want for the background

.custom .my-highlight {background: #fefdaa ;}

Now, when you write a post or page and you want to insert the highlight anywhere you want make sure you’re in the html editor…

Pick where you want the highlight to start and type in this with the name you gave the class for the highlight…

<span class=”my-highlight”>

Where you want the highlight to stop just add this…

</span>

For example I want to add a highlight to this sentence you would do it like this…

Lorem ipsum dolor sit amet, <span class=”my-highlight”>consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt</span> ut laoreet dolore magna aliquam erat

Now it doesn’t matter what post or page you’re writing because you have the selector in your custom.css so all you have to do is call it with the class name you gave it.

In your custom.ss file add the following code. You can put it anywhere you want but I recommend putting it at the top. Remember, once you make the change, save it, and upload the new file to your server. Always describe what you’re doing by putting your description between the comment tags /*  */ at the beginning shown below in green. The comments aren’t shown on your rendered page and it just makes things easier for you to remember…

/*submit form text color*/
.custom #commentform .form_submit { color: #ff3300 ;}

Use whatever hexidecimal color gives you the desired effect

Use the cool picker app in the tool box to find a color you like..

]]> http://www.thesishacker.com/change-the-color-of-the-submit-form-button-text/feed 2 http://www.thesishacker.com/colorize-the-teaser-text http://www.thesishacker.com/colorize-the-teaser-text#comments Thu, 05 Feb 2009 05:54:03 +0000 Nasty http://www.thesishacker.com/?p=1027

In your custom.ss file add the following code. You can put it anywhere you want but I recommend putting it at the top. Remember,
once you make the change, save it, and upload the new file to your server. Always describe what you’re doing by putting your
description between the comment tags /*  */ at the beginning shown below in green. The comments aren’t shown on your rendered page and it just makes things easier for you to remember…

/*colorize the teaser text*/
.custom .teaser .format_teaser {color: #ff33ee ;}

Chose whatever hexidecimal color gives the desired effect

In your custom.ss file add the following code. You can put it anywhere you want but I recommend putting it at the top. Remember, once you make the change, save it, and upload the new file to your server. Always describe what you’re doing by putting your description between the comment tags /*  */ at the beginning shown below in green. The comments aren’t shown on your rendered page and it just makes things easier for you to remember…

/*colorize the teaser content*/
.custom .teaser .format_teaser { background-color: #eeeeee ;}

Pick whatever hexidecimal color gives the desired effect

In your custom.ss file add the following code. You can put it anywhere you want but I recommend putting it at the top. Remember, once you make the change, save it, and upload the new file to your server. Always describe what you’re doing by putting your descripton between the comment tags /*  */ at the beginning shown below in green. The comments aren’t shown on your rendered page and it just makes things easier for you to remember…

/*change color of blockquote*/
.custom blockquote { color: #ff3333 ; }

Use whatever hexidecimal color gives you the desired effect

n your custom.ss file add the following code. You can put it anywhere you want but I recommend putting it at the top. Remember, once you make the change, save it, and upload the new file to your server. Always describe what you’re doing by putting your descripton between the comment tags /*  */ at the beginning shown below in green. The comments aren’t shown on your rendered page and it just makes things easier for you to remember…

/*space between widget list items*/
.custom #header { background-color: #000000 ; }

Change the hexidecimal number to whatever gives you the desired effect.

In your custom.ss file add the following code. You can put it anywhere you want but I recommend putting it at the top. Remember, once you make the change, save it, and upload the new file to your server. Always describe what you’re doing by putting your descripton between the comment tags /* */ at the beginning shown below in green. The comments aren’t shown on your rendered page and it just makes things easier for you to remember…

/*headline meta styles*/
.custom .headline_meta {color: #888888 ;}
.custom .headline_meta {font-style: italic ;}
.custom .headline_meta {line-height: 1.8em ;}
.custom .headline_meta {font-size: 1em ;}

Change these or add more styles to get your desired effect

To learn more about these styles check out W3schools

In your custom.ss file add the following code. You can put it anywhere you want but I recommend putting it at the top. Remember, once you make the change, save it, and upload the new file to your server. Always describe what you’re doing by putting your descripton between the comment tags /* */ at the beginning shown below in green. The comments aren’t shown on your rendered page and it just makes things easier for you to remember…

/*post title link styling*/
.custom .headline_area a {whatever link styles you want to use ;}
.custom .headline_area a {whatever link styles you want to use ;}
.custom .headline_area a {whatever link styles you want to use ;}

To learn more about link styles check out W3schools

In your custom.ss file add the following code. You can put it anywhere you want but I recommend putting it at the top. Remember, once you make the change, save it, and upload the new file to your server. Always describe what you’re doing by putting your descripton between the comment tags /* */ at the beginning shown below in green. The comments aren’t shown on your rendered page and it just makes things easier for you to remember…

/*sidebar link styles*/
.custom .sidebar a {your styles here ; }
.custom .sidebar a:visited {your styles here ; }
.custom .sidebar a:hover {your styles here ; }

To just target individual sidebars all you have to do is place a number after .sidebar like this…

.custom .sidebar_1  a {your styles here ; }
.custom .sidebar_2  a {your styles here ; }

To learn more about link styling check out W3schools