| Internal Page header banner new styles |
Classes/Values |
| Hide Banner Image on Mobile |
Toggle button to show and hide banner image in mobile.
Default: show banner image.
|
| Hide Banner Header |
Toggle button to show and hide banner header.
Default: show header.
|
| Banner Subheading Small Text Class |
Two styles:
- Use "small-text" to reduce the size of Subheading.
Default: font size, 48px.
- Use "no-italic" to change the font style to normal.
Default: Italic subheading.
|
| Banner Header Custom Class |
Four styles:
- Use "full-width" to change the Banner header container to 100% width for large screens (> 1280px).
Default : Occupies 47% width relative to the pageheader content container.
- Use "middle-alignment" to vertically center the Header:
Default: bottom left aligned header.
- Use "text-center" to align the header to the center.
Default: left aligned header.
- Use "tall-banner" to increase the height of the page header banner to 600px.
Default: minimum height 400px.
|
| Banner Text Color Custom Class |
Four Styles and or can to be used in combination:
Banner headings, H1.
Default: white text color
- Use "h1-black" to change the headings color to black.
OR
- Use "h1-white" to change the headings color to white.
Sub headings and description.
Default: white text color.
- Use "p-white" to change the Sub headings and description color to white.
OR
- Use "p-black" to change the Sub headings and description color to black.
|
| Banner Background Color Custom Class |
Three styles, only one option to be used at a time:
Default: black background color
- Use "crimson" to change the background color of the page banner to Crimson.
OR
- Use "sky-blue" to change the background color of the page banner to Blue.
OR
- Use "black" to change the background color of the page banner to Black.
|
