{"id":5951,"date":"2019-02-27T15:54:00","date_gmt":"2019-02-27T22:54:00","guid":{"rendered":"https:\/\/in.nau.edu\/web\/?page_id=5951"},"modified":"2020-03-13T12:01:53","modified_gmt":"2020-03-13T19:01:53","slug":"background-color-box","status":"publish","type":"page","link":"https:\/\/in.nau.edu\/web\/enterprise-plus\/background-color-box\/","title":{"rendered":"Background Color Box"},"content":{"rendered":"

Background Color Box<\/h1>\n\n
\n
\n
\n \n
\n
\n Overview Tab Open<\/span>\n <\/h4>\n <\/div>\n <\/a>\n <\/li>\n
\n \n
\n
\n Example Tab Closed<\/span>\n <\/h4>\n <\/div>\n <\/a>\n <\/li>\n
\n \n
\n
\n How To Tab Closed<\/span>\n <\/h4>\n <\/div>\n <\/a>\n <\/li>\n
\n \n
\n
\n Troubleshooting Tab Closed<\/span>\n <\/h4>\n <\/div>\n <\/a>\n <\/li>\n <\/ul>\n \n
\n \n
\n
Overview Accordion Open<\/span><\/h4>\n <\/span>\n <\/div>\n <\/a>\n
\n \n\n\n
The background color box shortcodes was added to help bring more color and highlight sections of information on a page. This shortcode expands the full width of the page if used in Landing Page Mode.<\/p>\n\n\n <\/body><\/html>\n\n <\/div>\n<\/div>\n\n \n
\n \n
\n
Example Accordion Closed<\/span><\/h4>\n <\/span>\n <\/div>\n <\/a>\n
\n \n\n\n
Text can be wrapped in dark blue.<\/div><\/div>\n
Text can be wrapped in NAU Blue.<\/div><\/div>\n
Text can be wrapped in NAU Yellow.<\/div><\/div>\n
Text can be wrapped in extra light gray.<\/div><\/div>\n\n\n <\/body><\/html>\n\n <\/div>\n<\/div>\n\n \n
\n \n
\n
How To Accordion Closed<\/span><\/h4>\n <\/span>\n <\/div>\n <\/a>\n
\n \n\n\n
To add background color to your content you can select the shortcode from the toolbar. Multiple predetermined color options will appear. Please view the Example tab to see the available colors in use.<\/p>\n
$\"\"$ <\/p>\n
Once you select a color you will be given the shortcode.<\/p>\n[ eplus-bg-color bgcolor=”COLOR<\/strong>“]\n
CONTENT<\/strong>
\n[ \/eplus-bg-color]\n<\/p>
Color <\/strong>will automatically be populated with your chosen color. Any Content<\/strong> that you want to appear with the selected background color should be inserted between the two bookends.<\/p>\n
The following code snippet<\/h5>\n[ eplus-bg-color bgcolor=”nau-yellow”]\nNorthern Arizona University provides exceptional education opportunities in Arizona and beyond.
\n[ \/eplus-bg-color]\n
Will create:<\/h5>\n
\nNorthern Arizona University provides exceptional education opportunities in Arizona and beyond.
\n<\/div><\/div>\n
Other shortcodes, such as columns can be used within this shortcode.<\/p>\n
This shortcode expands the full width of the page if used in Landing Page Mode.<\/p>\n\n\n <\/body><\/html>\n\n <\/div>\n<\/div>\n\n \n
\n \n
\n
Troubleshooting Accordion Closed<\/span><\/h4>\n <\/span>\n <\/div>\n <\/a>\n
\n \n\n\n
Why isn’t my background color not spanning across the entire page? This shortcode will only take up the whole width of the page if you are using Landing Page Mode<\/a>.<\/strong><\/p>\n
For any additional questions or concerns, submit a support request<\/a>, or give us a call 928-523-9267<\/a>.<\/p>\n\n\n <\/body><\/html>\n\n <\/div>\n<\/div>\n\n <\/div>\n\n\n
\n
\n\n
\n
\n
Academic unit site support<\/h3>\n <\/div>\n
\n
\n