Changes for page Web Interfaces
Last modified by Sabrina V. on 2026/03/04 10:13
From version 4.1
edited by Sabrina V.
on 2026/02/19 10:42
on 2026/02/19 10:42
Change comment:
There is no comment for this version
To version 5.1
edited by Sabrina V.
on 2026/03/04 10:13
on 2026/03/04 10:13
Change comment:
There is no comment for this version
Summary
-
Page properties (1 modified, 0 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -75,6 +75,10 @@ 75 75 3. Replace the graphics as required (replace the logo via file, located at: App_Themes\ACMP\graphics\logo.svg). 76 76 When replacing graphics, ensure that you use the same names as the original graphics so that they can be read correctly. 77 77 78 +{{aagon.infobox}} 79 +The image size of the logos (e.g. CompanyLogo.gif / logo.gif) should be 174x48 pixels. 80 +It is advisable to stick to this size and, if necessary, scale newly added images to these dimensions. 81 +{{/aagon.infobox}} 78 78 79 79 == CSS customizations == 80 80 ... ... @@ -122,6 +122,23 @@ 122 122 To change the colour, simply copy the relevant section. You do not need to copy the entire root tree in Custom.css. 123 123 {{/aagon.infobox}} 124 124 129 +(% class="wikigeneratedid" %) 130 +**Example: "Image size of Web Interface graphics ("logos")":** If you want to change the dimensions of a replaced graphic (a logo), you can also do this via Custom.css. 131 + 132 +{{code}} 133 +--header-height: 48px; 134 +--logo-width: 174px; 135 +.site-logo { 136 +[..] 137 + width: var(--logo-width); 138 + height: var(--header-height); 139 +[..] 140 +} 141 +{{/code}} 142 + 143 +(% class="wikigeneratedid" %) 144 +The same settings are also used after the login. It is advisable to stick to the dimensions (174x48) and, if necessary, scale the size so that the images are not cropped in the Web Interface. 145 + 125 125 == Customizing text colours == 126 126 127 127 To customize text colours, follow these steps: