Modifying H1-H6 Heading Styles

[townsend]

Is it possible to modify the default values for the H1-H6 Heading styles?

[ghostyjack]

Yes.

In your CSS file you can do things like:

h1 {
margin-top:3em;
font-size:2em;
text-align:centre;
}

The above example can be used for all heading tags, just change the number and add whatever modifications you like.

In the same way, you can pretty much modify the behavior of every single tag available.

[Toxaris]

In BookView you cannot.

[townsend]

Originally Posted by Toxaris

In BookView you cannot.

No. Of course not. But the code and suggested by GhostyJack looks right on.

And for anyone else looking in on this thread; I think, for each book (xhtml file), you have to right click in the Book Browser pane, and link the css to each file manually.



PS: Even thought I like the ease of Book View, I always check to code to make sure it is as clean as possible.

[Turtle91]

h1 {
margin-top:3em;
font-size:2em;
text-align:centre;
}

Although proper HTML coders use the proper spelling of 'center'....

[Jellby]

You can also do something like:

h1, h2, h3, h4, h5, h6 {
  color: red;
}

[phossler]

And for anyone else looking in on this thread; I think, for each book (xhtml file), you have to right click in the Book Browser pane, and link the css to each file manually.

Or you select (clcck, shift-click, or control-click) any number of files and link the stylesheets to more than one at a time.

BTW, I just uncovered a nice Sigil feature that I didn't know was there: in CV a right-click on a tag's class="something' will take you to the CSS definition.

Kudo's to the developers for thinking of us

Paul

[townsend]

Or you select (click, shift-click, or control-click) any number of files and link the style sheets to more than one at a time.

Good call there Phossler! I stand corrected. You do NOT have to link each file in the Book Browser individually. Ctl-click and Shift-Click allow you to make multiple selections at once. Then the right click to select the link to the CSS file, applies to all xhtml files selected, at once. Nice!

BTW, I just uncovered a nice Sigil feature that I didn't know was there: in Code View, a right-click on a tag's class="something' will take you to the CSS definition. Paul

Oh really? Good find. I'll have to remember that.

[ghostyjack]

Originally Posted by Turtle91

Although proper HTML coders use the proper spelling of 'center'....

Whoops!

Being English I have a habit of using "centre" instead of "center" for my tags. Which is fine for the tag name, but plays merry hell when I make the mistake of putting it in as a tags attribute.

Life would be much simpler if we all spoke the same variant of English, British English of course.

[theducks]

Originally Posted by ghostyjack

Life would be much simpler if we all spoke the same variant of English, British English of course.

Not only is there spelling differences, there are regional accents
(We don't have those either here in the States... Nah! )

[JSWolf]

Originally Posted by theducks

Not only is there spelling differences, there are regional accents
(We don't have those either here in the States... Nah! )

I have a much better idea. Let's send everyone in the USA who has a southern accent to the UK to change their variation of English into some variation of redneck.

[ghostyjack]

Well seeing as I'm in Bristol in the U.K. - which is in the west-country, anyone you send our way will most likely end up either talking like a farmer or a pirate.

[DaleDe]

Originally Posted by ghostyjack

Whoops!

Being English I have a habit of using "centre" instead of "center" for my tags. Which is fine for the tag name, but plays merry hell when I make the mistake of putting it in as a tags attribute.

Life would be much simpler if we all spoke the same variant of English, British English of course.

Sorry once you improve the English there is no going back

Dale

[ghostyjack]

If it isn't broke, don't fix it.

Now where did I park the horse and cart?