Forums / Templates, Stylesheets, Page Layout / Changing the font style and color

Changing the font style and color

Locked

Views: 1,465

Results 1 to 7 of 7
This thread is locked. New replies are disabled.
2 Sep 2008, 5:03 AM
#1
resqjock avatar

resqjock

Zen Follower

Join Date:
Aug 2008
Posts:
114
Plugin Contributions:
0

Changing the font style and color

Can anyone tell me how I can change the font style and color for one or two words in a sentence??

Thanks
Stan

2 Sep 2008, 5:49 AM
#2
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Changing the font style and color

You can wrap those words in span tags, with a class name:

...ordinary text ordinary text <span class="specialWords">words to be set off</span> ordinary text ordinary text...

Then style the class in your stylesheet:

.specialWords {
    font-family: verdana,arial,sans-serif;
    color: #112233;
    font-size: 1.2em;
    }

Where do those words appear? And where are they defined? That will determine how you get the span tags in place.

2 Sep 2008, 6:54 PM
#3
resqjock avatar

resqjock

Zen Follower

Join Date:
Aug 2008
Posts:
114
Plugin Contributions:
0

Re: Changing the font style and color

Where do I place the span tag??

I am assuming, by the code you gave me, the words I need changing goes where you have "words to be set off"??

Thanks
Stan

2 Sep 2008, 11:31 PM
#4
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Changing the font style and color

If you are entering HTML text in a description, just put the span tags around the words as I showed. If the words are in some other context, you need to tell me exactly where they are before I can advise how to add the tags.

4 Sep 2008, 5:06 AM
#5
resqjock avatar

resqjock

Zen Follower

Join Date:
Aug 2008
Posts:
114
Plugin Contributions:
0

Re: Changing the font style and color

OK, I will have to show you what I am looking to do.

Go to my URL https://www.htpradios.com/store

Where is says "Welcome to Hot Tempered Products, right above where it asks to log in. (it is colored in grey).

I want to change the grey to black and have "Hot Tempered Products" in red with a different font style.

Stan

4 Sep 2008, 5:32 AM
#6
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Changing the font style and color

That text is defined in /includes/languages/your_template/index.php, which you have already edited to get the "Welcome to Hot Tempered Products". You can add the tags there, too.

define('HEADING_TITLE', 'Welcome to <span class="HTPTitle">Hot Tempered Products</span>.');

and add to your stylesheet

.HTPTitle {color: #ff0000; font-family: whatever, sans-serif;}

For the rest of that text, add

#indexDefaultHeading {color:#000000;}

4 Sep 2008, 6:37 AM
#7
resqjock avatar

resqjock

Zen Follower

Join Date:
Aug 2008
Posts:
114
Plugin Contributions:
0

Re: Changing the font style and color

Glenn,

Thanks alot that worked

Stan