X3Photo Gallery Forums

film915 · 22 Oct 2008, 02:01

Greetings... sorry if this has been asked before, but I searched a little and couldn't find the answer.

I'm trying to change the font of the Textpage title, but I'm just getting used to changing around the CSS theme stylesheet and can't figure it out. Is there a link that explains how to navigate the stylesheet?

Thanks!

22 Oct 2008, 02:33

I will try to give better description for the CSS files, but as to explain how they work, thats a whole chapter for itself. As for your specific question, you want to change the font of the title for the textpage .... then you need to locate the class .textpage_title{} and add your color there. For example:

.textpage_title{
	color:#CCFF00;
}

Most of the items are self-explained by name.

You can find additional information on Flash CSS here:
http://livedocs.adobe.com/flash/mx2004/ ... 01015.html

film915 · 22 Oct 2008, 11:38

OK, I did find the .textpage_title{} class, and it looks like this:

.textpage_title{
font-size: 30px;
leading: 8px;
color:#FFFFFF;
color: #FFFFFF;
font-style: italic;
font-style: normal;
}

I guess I have a couple questions... I've been fiddling with this a bit and can't get much to change.

1. Why are there two "color" and "font-style" items?
2. To change the font, do I add "font-family:" in this class?

As far as a description of how CSS files work, you don't need to trouble yourself with that, but I am having a bit of confusion on how to modify them as I've had limited success in making changes.

Thanks for your patience on this!

p.s. - thanks for the link to Flash CSS info. I'll read it over.

23 Oct 2008, 00:01

film915 wrote:1. Why are there two "color" and "font-style" items?
2. To change the font, do I add "font-family:" in this class?

#1 - That is actually my fault. There is no need for duplicate styles! They were just left like that after I was testing new values before latest release. The last style overwrites the first style anyway, so you an safely remove duplicate values.

#2 - Yes, to change font in this style, you need to add a the "font-family" style to this class. Unless you set this style, font will be inherited first from the main ".body" class, and then from the ".textpage" class. Use something like this:

font-family: Arial, "Times New Roman", Times, serif;

film915 · 23 Oct 2008, 02:52

mjau-mjau wrote:... to change font in this style, you need to add a the "font-family" style to this class. Unless you set this style, font will be inherited first from the main ".body" class, and then from the ".textpage" class. Use something like this:
Code
font-family: Arial, "Times New Roman", Times, serif;

So here's what I've entered in this class:

.textpage_title{
	font-size: 30px;
	leading: 8px;
	color:#FFFFFF;
	font-family: Times, Candara, Arial, "Times New Roman", serif;
	font-style: normal;
}

But the textpage title isn't in the Times font

23 Oct 2008, 03:24

Looks like Times font to me ... Try clear your browser cache, as sometimes it caches old CSS files ...

film915 · 23 Oct 2008, 10:55

mjau-mjau wrote:Looks like Times font to me ... Try clear your browser cache, as sometimes it caches old CSS files ...

That's so crazy. I tried all the fonts and it finally changed with "Times New Roman." None of the others showed up, even when I cleared the cache in both the admin and the browser. Funny Times showed up on your end.

24 Oct 2008, 00:34

I am not sure why, but sometimes you need to add "quotes" to contain the font name, although I thought that was only related to fonts with multiple words like "Times New Roman".

On another level, looking through my font folder, I don't even have a font called "Times" ... Only "Times New Roman", so it was probably displaying the 2nd font in the font-family.

Also, fonts are CaSe SeNsItIvE, so it's very important you get the name 100% correct and that it is a valid font.

X3Photo Gallery Forums

Change font for textpage title...8 posts

Change font for textpage title...