In the Magento admin, the .title CSS class is defined too generically.
This causes unwanted styling side effects — for example, titles in many configuration pages are displayed with double lines, as shown in the attached screenshot.
Question:
Is it possible to make this style class more specific so that it only applies where intended, and not globally to all admin page titles?
Expected Behavior:
Admin page titles should keep Magento’s default styling unless explicitly overridden for a specific module or context.
Actual Behavior:
Because .title is too generic, the style is applied everywhere in the admin, causing visual issues such as duplicated lines on page titles.
Additional Information:
Screenshot attached showing the double-line issue in configuration pages.
|
/* Format account data table on Settings page */ |
|
.title { |
|
padding-bottom: 10px; |
|
border-bottom: 1px solid @lightGrey; |
|
margin-bottom: 20px; |
|
|
|
span { |
|
font-size: @baseTextSize; |
|
color: @titleBlack; |
|
} |
|
} |
In the Magento admin, the .title CSS class is defined too generically.
This causes unwanted styling side effects — for example, titles in many configuration pages are displayed with double lines, as shown in the attached screenshot.
Question:
Is it possible to make this style class more specific so that it only applies where intended, and not globally to all admin page titles?
Expected Behavior:
Admin page titles should keep Magento’s default styling unless explicitly overridden for a specific module or context.
Actual Behavior:
Because .title is too generic, the style is applied everywhere in the admin, causing visual issues such as duplicated lines on page titles.
Additional Information:
Screenshot attached showing the double-line issue in configuration pages.
magento/view/adminhtml/web/css/getresponse-styles.less
Lines 60 to 70 in c1e7eaa