Hi,

I have added 3 hero units to a page. I have (well I think I have) styled them the same so they all change when I change one, but I am not having any success in the line spacing of the headers. No matter what I do, they don't change. They appear to be changing within RSD but when I upload everything or preview nothing changes. How can I decrease the line space in these? Here is a link to the page I am referring to: http://spoonfrogclients.com/nfr2/
The headers that I am referring to are the 3 blue headers in the body of the site.

Thanks!

Does it not help if you reduce the line height? Negative margins?

Hi,

Thanks so much! That worked like a charm!

Glad it helped!

Hi I would like to reduce the spacing between line in normal paragraph. I have tried to reduce line height form 1.69. to 1.2 and it does nothing. I triple clicked to get into edit mode and highlighted the 3 lines of my paragraph.
Is "line height" the spacing between lines / distance between lines?

Add to last request. It seems that if you have the heading a different font size, you need to go and adjust line height on each line containing a heading? I have attached a file Index page - last 4 paragrahs. I need to add paragraphs to quite a few pages as I build the website, so its not just this size.

Line height is the height of the lines within a paragraph. The larger the line height, the more distance you will have between the lines within a paragraph.

The distance between paragraphs is determined by the margin settings of the paragraph.

In the design section, you have a selection called apply to that has three choices. The "apply to" you select before you make the changes determines what happens.
Type: applies to heading 1 everywhere
Class: applies just to heading 1 that has a particular class
ID: applies just to the heading 1 that has the ID

When you apply font size or other changes to an element, consider how you apply them. If it is something that is true every time you will be using the element, apply the settings to Type.

Here's a hypothetical example to explain. Let's say you have a site with 3 pages: homepage, widgets page and contact page. The heading at the beginning of the main body of text on each page is a heading 1.

Therefore, if every heading 1 throughout the site is going to be red and 24px, then choose type and then set heading 1 as red and 24 px. It will be that way everywhere heading 1 is used -- unless that heading 1 has a class or ID.

Let's say on the widgets page, you want the heading 1 to be blue instead of red. Just on the widgets page, you click the heading one and give it a class of "heading-blue." Make sure that "apply to" is set to class and change the color to blue. Now, throughout your site, if heading 1 has a class name of "heading-blue," it will be blue. Otherwise, it will be red.