Typography in Tiger: cannot find how to ...

olywolle

Posts: 7
Registered: 19-Sep-2012

Typography in Tiger: cannot find how to change size of headline
Posted: 10 Apr 25, 16:03

Hi, I am not new to JAlbum but I haven't done things for a long time.
The following problem occurs:

I want to make a quite simple page for my fotoclub. On the page of the album (Hero?!) the name of the fotoclub should be quite big, but it is not.

In the options menu of Tiger under "Typography" I can only change the "Base Font Size" and the fonts itselves,
So I cannot make the name of the fotoclub big and the names of the image-folders not as big for example.

Also the font size for texts that I have to write in "About" of another text file, are only readable when I set the Base Font size to "Largest" which changes again the size of the above mentioned.

How can I solve this problem?

Many thanks in advance,
Wolfgang

Laza

Posts: 1,456
Registered: 6-Sep-2005

Re: Typography in Tiger: cannot find how to change size of headline
Posted: 11 Apr 25, 07:10

in response to: olywolle

Helpful

Reply

There is no such option in this skin. You can add this custom code to make the H1 header bigger:

.index .hero header h1 { font-size: 4rem; }

This will make the title 64px large. This does not affect the custom page titles. If you'd like to make those big as well, remove the leading ".index".

olywolle

Posts: 7
Registered: 19-Sep-2012

Re: Typography in Tiger: cannot find how to change size of headline
Posted: 11 Apr 25, 12:11

in response to: Laza

Reply

Thank you very much, Laza.
I firsdt had to look for the place to add this code, but then I found it and it works.

You are the creator of this skin, aren't you? Why don't you make such things configurable right away?
I have - for example - also the problem that I have a few pages with mainly text which is only well readable when I set the "basis text" to 20, which is the highest. But then also the titles of all the folders are getting bigger what I do not want.
I would appreciate some more configuration possibilities.

Regards
Wolfgang

JeffTucker

Posts: 8,055
Registered: 31-Jan-2006

Re: Typography in Tiger: cannot find how to change size of headline
Posted: 11 Apr 25, 13:40

in response to: olywolle

Reply

Some skins do provide settings for all font sizes, weight (normal/bold), style (normal/italic), and so on. See, for example, the user's manual pages for the Fonts tabs in Neptune:

https://jefftucker.jalbum.net/skins/neptune/man/neptune_fonts_album.html

There are four tabs of settings - click Next at upper right to see each of them.

olywolle

Posts: 7
Registered: 19-Sep-2012

Re: Typography in Tiger: cannot find how to change size of headline
Posted: 11 Apr 25, 14:27

in response to: JeffTucker

Reply

Thanks a lot Jeff,
that looks promising, I will give it a try.

Regards
Wolfgang

JeffTucker

Posts: 8,055
Registered: 31-Jan-2006

Re: Typography in Tiger: cannot find how to change size of headline
Posted: 11 Apr 25, 14:45

in response to: olywolle

Reply

There are some sample albums there, too:

https://jefftucker.jalbum.net/skins/neptune/

Just be aware that this isn't just "Tiger with some additional settings." Internally, it's a very different skin. Some things are not supported - visitor searching in the album, social media, shopping cart.

And some things are done differently. There's no add-on page for About information, for example. Instead, the skin handles it all within the settings - see the Info Page tabs.

Laza

Posts: 1,456
Registered: 6-Sep-2005

Re: Typography in Tiger: cannot find how to change size of headline
Posted: 11 Apr 25, 19:05

in response to: olywolle

Reply

I can't imagine how the text gets unreadable with the default font settings. Isn't it some formatting you apply to them that makes them so small?

olywolle

Posts: 7
Registered: 19-Sep-2012

Re: Typography in Tiger: cannot find how to change size of headline
Posted: 11 Apr 25, 19:42

in response to: Laza

Reply

screenshot.jpg (365.8 KB)

Laza wrote:
I can't imagine how the text gets unreadable with the default font settings.

okay, "unreadable" was a little bit over the top, but when you get older like me and have a high resolution monitor, then it is really hard. Look at the attached screenshot. This is large (18px)!! And above not black, but grey on white background!
For my old eyes very difficult to read.

Can you give me some code to add to the custom CSS box? Just like before ?

I don't want to take the Skin of Jeff, I like yours much more, only these typo things are a little bit difficult.

Kind regards
Wolfgang

Laza

Posts: 1,456
Registered: 6-Sep-2005

Re: Typography in Tiger: cannot find how to change size of headline
Posted: 12 Apr 25, 07:34

in response to: olywolle

Reply

I believe the problem is mostly the color of the text. You might want to change the Text color to something with more contrast; see Settings / Tiger / Site / Design / Text color.

The following code directly addresses the custom page texts:

.page .content .text { font-size: 20px; color: #222; }