[#42739] - [5.0] Menu page header and Article header style
- New
- Medium
- Build: 5.0.2
- # 42739
Steps to reproduce the issue
- Create Menu Item with Type = Single Article
- In tab Page Display for this Menu Item select Show Page Heading = Show and Page Heading = for example "Menu page header"
- Open this menu page in front
Expected result
Menu page header and Article header have different styles
Actual result
Menu page header and Article header have the same style
div class="page-header"
Additional comments
In Joomla 4 Article header had the property "itemprop="headline"" which allowed you to set a different style, but in Joomla 5 this property is gone.
| Labels |
Removed:
?
|
||
joomla-cms-bot
- | Labels |
Added:
No Code Attached Yet
|
||
This option only works if there is a menu header and a article header. But if you open a article without a menu header with this style, then the header of the article will receive this style. but this style should only be applied to menu header. I defined three different header combinations: 1. article header only. 2. menu header and article header, when the article is single article of this menu. 3. menu header and article header when the article is in the category of this menu. Without a separate class, it is impossible to set styles so that headers are displayed correctly in all cases.
This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/42739.
| Labels |
Added:
Feature
|
||
chmst
- | Status | New | ⇒ | Closed |
| Closed_Date | 0000-00-00 00:00:00 | ⇒ | 2024-11-22 10:22:00 |
| Closed_By | ⇒ | chmst |
| Status | Closed | ⇒ | New |
| Closed_Date | 2024-11-22 10:22:00 | ⇒ | |
| Closed_By | chmst | ⇒ |
In Joomla 5 the code for schema.org (e.g. "itemprop="headline") in the views were removed, since we now have a schema.org plugin.
If you display the page heading and the title of the article the
divelements have the same class, but there are different headings: h1 and h2, so you can style them differently.You can also use something like that:
.com-content-article > .page-header:first-of-type { background-color: gold; }