New User with CSS Error

[alibi174]

I am new to Calibre and am stuck on a series of errors that I'm getting, and how to fix them.

The errors are:
ERROR: CSS: Property: Invalid value for "CSS Level 2.1" property: 1.8rem [147:3: font-size]****[base.css]
ERROR: CSS: Property: Invalid value for "CSS Level 2.1" property: 1.2rem [156:3: font-size]****[base.css]
ERROR: CSS: Property: Invalid value for "CSS Level 2.1" property: 1.6rem [183:3: font-size]****[base.css]

I get the message along the lines of the following for each error "base.css (line: 147 column: 3)
Some reader programs are very finicky about CSS stylesheets and will ignore the whole sheet if there is an error. These errors can often be fixed automatically, however, automatic fixing will typically remove unrecognized items, instead of correcting them."

The options for fixing the errors automatically do not work. The errors all point to lines with almost nearly identical code that defines the font (example below).

#cover-page .cover-page-title p {
font-size: 1.8rem;
margin-top: 3em;
margin-bottom: 1em;

Any advice on how to fix this would be greatly appreciated!

[gbm]

Originally Posted by alibi174

I am new to Calibre and am stuck on a series of errors that I'm getting, and how to fix them.

The errors are:
ERROR: CSS: Property: Invalid value for "CSS Level 2.1" property: 1.8rem [147:3: font-size]****[base.css]
ERROR: CSS: Property: Invalid value for "CSS Level 2.1" property: 1.2rem [156:3: font-size]****[base.css]
ERROR: CSS: Property: Invalid value for "CSS Level 2.1" property: 1.6rem [183:3: font-size]****[base.css]

I get the message along the lines of the following for each error "base.css (line: 147 column: 3)
Some reader programs are very finicky about CSS stylesheets and will ignore the whole sheet if there is an error. These errors can often be fixed automatically, however, automatic fixing will typically remove unrecognized items, instead of correcting them."

The options for fixing the errors automatically do not work. The errors all point to lines with almost nearly identical code that defines the font (example below).

#cover-page .cover-page-title p {
font-size: 1.8rem;
margin-top: 3em;
margin-bottom: 1em;

Any advice on how to fix this would be greatly appreciated!

Change the "rem" to em.

  font-size: 1.8em;

bernie

[alibi174]

That did the trick; thank you very much!