Font color changes on the first page but not on other pages.

[dagobertdac]

I'm quiet a beginner, still i made a user.css. Was happy the color of the font changed, to my surprise only on the homepage not on the other pages. What did i do wrong.
Site:probeerenswat.nl

[cmbay]

Was happy the color of the font changed, to my surprise only on the homepage not on the other pages. What did i do wrong.

Which color should the text be?
#07679A or rgb(61,134,172);

Did you intend to put two underscores in the .com-content-article__body selector?

Site:probeerenswat.nl

Returns Server Not Found.

[Mr. Wimpy]

The correct URL is

Code: Select all

http://probeereenswat.nl

Not sure why, on other pages, user.css is loaded, but not used...

Anyway, you have incorrect CSS.
It seems you used custom properties as regular properties.

Use either custom properties:

Code: Select all

:root { /* NOTE: not body */
  --body-bg: rgb(229,229,229);
  --body-color: rgb(61,134,172);
  --body-font-size: 1.1rem;
  --body-font-weight: 400;
  --body-line-height: 1.5;
  --body-font-color: hsl(201, 47%, 46%);
}

or with regular properties:

Code: Select all

body {
  background: rgb(229,229,229);
  color: rgb(61,134,172);
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.5;
}

[cmbay]

Anyway, you have incorrect CSS.

Yes and a CSS validator shows for the user.css file:
21 body Parse Error color: rgb(61,134,172)
22 body Property body-font-size doesn't exist : 1.1rem
23 body Property body-font-weight doesn't exist : 400
24 body Property body-line-height doesn't exist : 1.5
25 body Property body-font-color doesn't exist : hsl(201 47% 46%)

[dagobertdac]

Thanks A lot, #Wimpy I used the regular properties. That works, but also remembered i made a child template and didn't make it default. Maybe thatmade a difference too Everything looks oké now. So how is the topic closed? Thx a lot

[cmbay]

Be sure to fix the remaining error at line 25 in user.css:

.h1, .h2, .h3, .h4, .h5, .h6 Parse Error root { /* NOTE: not body */ --body-bg: rgb(229,229,229); --body-color: rgb(61,134,172); --body-font-size: 1.1rem; --body-font-weight: 400; --body-line-height: 1.5; --body-font-color: hsl(201, 47%, 46%); }

Also, you don't need to close this thread.

[sozzled]

So how is the topic closed?

If you have resolved your problem, please mark your topic as solved (see viewtopic.php?f=7&t=996949 for instructions how to do that).

[Mr. Wimpy]

Be sure to fix the remaining error at line 25 in user.css:

.h1, .h2, .h3, .h4, .h5, .h6 Parse Error (...)

Correct. It is missing the closing }.

Also follow the correct order.
CSS is read from top to bottom and bottom lines override top lines in the file. (Generally speaking)

So :root {...} goes at the top.
BTW: These are custom properties and you can remover the note

As an example you can open Cassiopeia's template CSS file:
It's in ~/media/templates/site/cassiopeia/css/template.css