I want to change the type size and leading of the base font.

Is there a way via Template Manager > Font Control? Or must I do do this via custom.css?

If the latter, can you help me with the selectors and declarations?

Jim Nanczek

Hi Jim,

Just checking you have tried the base fonts section in the template admin?

Cheers
Paul

Cheers

Thanks, Paul.

Sorry, that wasn't working for us before. But now I see that it is, since Anthony clued me in to a site memory issue.

How do I globally change the type (font) sizes for headings?

Jim

Hi Jim,

To affect headings only would require a css change
I can help you with this if needed - can you add the link for the site

Cheers
Paul

Sorry, Paul. The URL is test.chigov.com .

Jim

Hi Jim,

I tend to have the heading tags the same size with the exception of the h1 tag

h1, h2, h3, h4, h5, h6 {font-size:1.75em;}

you could just target the tag individually

Cheers
Paul

Thanks, Paul, that works.

It appears that in Template Manager > Font Control > Base Fonts, the Base Line Height parameter does not affect the leading (space between lines) of list (.li) items.

Do I have this right?

I believe that in Responsive v. 2.2.3, the .li text leading appeared the same as the base text.

Jim

Hi Jim,

Is that an unordered list or an ordered list e.g. ul or ol or both?

Cheers
Paul

Paul,

Now that I look more closely, I see that the Base Line Height seems to affect only the line spacing of paragraphs on the front page.

See, e.g., test.chigov.com. Notice that the first set of text under the heading (a <p> paragraph) seems to use the 1.3em Base Line Height we set. But the unordered list text that follows has different height.

Compare further to test.chigov.com/chicago/administrative-regulatory/571-bullet-test.html . None of the text (both <p> and <ol> formatted) seems to use the Base Line Height.

Jim

Hi Jim,

Yes you are right there - there is value defined so its using the browser default which will vary depending on the browser

"ALSO SEE:" isn't in any tag so that will also default to the browser default

Cheers
Paul

So Looking at the p tag the current line-height is 1.56em

ul li {line-height:1.56em;}

Cheers
Paul

Paul,

You say the line-height display reflects the browser default.

This seems contradicted by the identical content that we have at chigov.com, which uses Responsive v 2.2.3 .

I've attached screen shots of the same content in chigov.com and test.chigov.com, which I got using the same Safari browser.

For chigov.com, we did not establish a unique line height in the template for <p> or <li> content, yet they have uniform height throughout (which is the same as that of the front page).

The attached test.chigov.com front page shows the Base Line Height reflected in the upper text, but nowhere else.

Jim

If you add

ul li {line-height:1.56em;}

That should do the trick

Cheers
Paul

Paul,

Your suggested CSS does affect bullet line height.

But we’re still left with the same paragraph line height (see attached). My question remains: Shouldn't the template's Base Line Height parameter affect article text?

Jim

Are we looking at just list elements or global line height values not working?

e.g. the line-height value you have added in the template settings isn't being applied anywhere

Cheers
Paul

Sorry I wasn't clear, Paul.

> the line-height value you have added in the template settings isn't being applied anywhere<

*Almost* anywhere.

The Base Line Height appears to apply only to the paragraph content (but not the list content) of the module we have on the front page. It doesn't seem to apply anywhere else, such as article content.

Jim

Hi Jim,
Yes this might be an oversight int he scope of the line height. We often control list items differently but I can see why they should be controllable in the admin.

So the solution is to:
1. Control your paragraph text by the line height option int he template settings
2. Add a rule like this to the custom.css article ul li {line-height: 1.2em}

where 1.2 reflects the same value you have int he admin.

Ive added a note to add more control to this markup in the future.

Anthony,

Sorry I didn't make myself clear: The problem is that the line height option in the template settings does *not* control the paragraph text.

The exception I've found is one module, displayed in the Grid1 position on the front page only (see first attachment).

As I wrote earlier, the line height option doesn't seem to apply anywhere else, such as article paragraphs in our main content position (see second attachment).

Jim

Hi Jim,

So an example of the problem would be?

test.chigov.com/chicago/administrative-regulatory/427-public-building-commission-costs-taxpayers.html

In this case its doesn't have an p tags in the content - I'll check to see if we can do something with line height being added to a different tag

Cheers
Paul