Page 1 of 1

Theme standard

Posted: 16 Mar 2024, 08:42
by plamen
Hi, I've been using PG for many years, now I've upgraded to J5 and PG 5.0.0
Still, I'm not sure about themes and how to use them.
I want to customize the look of the category view.
Could you explain me the difference between theme_simple.css and theme_standard.css? I can't see many differences with theme_standart switched off. What does this theme?
There is a label "Main" near 'theme_simple.css', but this file can be unpublished anyway. Is it correct the main themes to be switched off?
EDIT: Benno: Only one of this two themes should be aktiv[e].
Is it true? Is it documented somewhere? Settings allow both of them to be published.
Moreover, there is a small difference (one row only) in theme_standard.css available for separate download, from the file currently in PG package.

Re: Theme standard

Posted: 16 Mar 2024, 10:32
by Benno
Hi,
Could you explain me the difference between theme_simple.css and theme_standard.css? I can't see many differences with theme_standart switched off. What does this theme?
Of course, see images. But all screenshots are made with the frontend template Cassiopeia. If you use a different one, your view may well differ:

Theme Standard active:
Image

Theme Simple active:
Image

Theme Standard & Theme Simple active:
Image
If you prefer this somewhat peculiar view (when theme simple and theme standard are active), you can of course use it. But this is not the way it is intended. Only one of this two themes should be active.

Kind regards,
Benbno

Re: Theme standard

Posted: 16 Mar 2024, 12:01
by plamen
Thanks.
I prefer theme_simple - especially in the list of categories, titles are inside pictures.
I've added the following code in default.css (the name default is not quite correct, should be user.css or so)

Code: Select all

.pg-category-box-count {
  display: none;
}

.pg-category-box-title a {
  color: wheat; /* as per your preferences */
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  font-size: medium;
}
It would trim titles to one row for all categories/folders.

Re: Theme standard

Posted: 16 Mar 2024, 16:17
by christine
Hi,
plamen wrote: 16 Mar 2024, 12:01 I've added the following code in default.css (the name default is not quite correct, should be user.css or so)
default.css exists, but is not active. There are no codes. You can deactivate and/or delete this.

Of course: use user.css (Cassiopeia template). This must be created beforehand.
It would trim titles to one row for all categories/folders.
We have to see it live to be able to say more about it.

Kind regards
Christine

Re: Theme standard

Posted: 16 Mar 2024, 17:23
by plamen
This is with modified code.

Regarding css, I found two approaches:
1. Adding extra CSS in a separate file like `custom.css` in PG menu.
pros: easy to find and manage;
cons: adding one extra file to load and slowing down site performance,
J5 is loading user.min.css and template.min.css last, so some code can be overridden.

2. Adding extra CSS in media/templates/cite/your_template/user.css
pros and cons are just the opposite.

Re: Theme standard

Posted: 16 Mar 2024, 19:51
by christine
Hi,
As I already wrote, please do not use the default.css.
plamen wrote: 16 Mar 2024, 17:23 J5 is loading user.min.css and template.min.css last, so some code can be overridden.
No, see here please:

Image

There is template.min.css and at last the user.css in your child-template

Kind regards
Christine

Re: Theme standard

Posted: 17 Mar 2024, 15:56
by plamen
Thank you. Probably all mods will go in "user.css".