Button and tab color |... | GlobalMeet Support Center

<!DOCTYPE html> <html lang="en-GB" dir="ltr" class="tri-layout"> <head> <title>Button and tab color |... | GlobalMeet Support Center</title>  <meta name="viewport" content="width=device-width"> <meta name="token" content="cBmZ9Mmur4u5z0JLot2KW2mZv20kLftV3BSZcMlU"> <meta name="base-url" content="https://helpgm.webcasts.com"> <meta charset="utf-8">  <meta property="og:title" content="Button and tab color |... | GlobalMeet Support Center"> <meta property="og:url" content="https://helpgm.webcasts.com/books/branding-customization/page/button-and-tab-color-open-layouts"> <meta property="og:description" content="The highlight color sets the color of the buttons on the registration page and the primary and sideb...">  <link rel="stylesheet" href="https://helpgm.webcasts.com/dist/styles.css?version=v22.04.1"> <link rel="stylesheet" media="print" href="https://helpgm.webcasts.com/dist/print-styles.css?version=v22.04.1">  <style id="custom-styles" data-color="#2c3790" data-color-light="rgba(44,55,144,0.15)"> :root { --color-primary: #2c3790; --color-primary-light: rgba(44,55,144,0.15); --color-bookshelf: #2c3790; --color-book: #2c3790; --color-chapter: #2c3790; --color-page: #2c3790; --color-page-draft: #7e50b1; } </style>  <style nonce="LWsLD8GiELh89Ri96R0QYOV3"> @import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;300;400;500;700;900&display=swap'); body {font-family:'Open Sans','Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 1rem; line-height: 1.5rem; font-weight: 400; color:#404659;} p, li, td {font-size:.9rem; margin-bottom: 1rem; line-height: 1.4rem;} li > p {margin-top: 1rem;} table td {vertical-align: top;padding: .5rem; margin-bottom: 1rem; line-height: 1.4rem;} table td p { margin: .5rem 0 !important;} th {background-color: #f1f1f2; font-weight: 500;font-size:.9rem !important; margin: 1rem 0 .25rem 0; vertical-align: bottom;} h1,h2,h3,h4 {font-weight: 300; color: #404659; font-family: 'Roboto Slab';} h1 {font-size: 1.5rem;} h1.break-text {font-size: 1.75rem; color: #404659; padding-bottom: 3px;border-bottom: 1px solid #404659;} h1.flex.fit-content.break-text { border-bottom: none !important;} h2 {font-size: 1.5rem;} h3 {font-size: 1.25rem;} h4 {font-size: .9rem; font-weight: 400;} a:link, a:visited {color: #00609C !important;} a:hover, a:active {text-decoration:underline; color: #0087C6 !important;} footer {background-color: #ffffff;font-size:.85rem;} /* header bar*/ .skip-to-content-link {display: none !important;} .primary-background {background-color:#ffffff !important;} .logo-text {font-size:1.5rem; color:#000000; font-family: 'Roboto Slab';font-weight: 300;} header .search-box input {background-color: rgba(0, 96, 156,0.20); color:#404659;} header .search-box button {color:#404659;} div.links.text-center {font-size: .85rem;} .breadcrumbs {font-size: .85rem;} .bg-book {background-color:#ffffff;} .bg-bookshelf {background-color:#ffffff;} .grid-card h2 {font-size: 1.35rem; text-align:center;} .grid-card .grid-card-content, .grid-card .grid-card-footer { background-color: #ffffff;} </style>   </head> <body class="tri-layout"> <a class="px-m py-s skip-to-content-link print-hidden" href="#main-content">Skip to main content</a> <div notification="success" style="display: none;" data-autohide class="pos" role="alert" > <svg class="svg-icon" data-icon="check-circle" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/> </svg> <span></span><div class="dismiss"><svg class="svg-icon" data-icon="close" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/> <path d="M0 0h24v24H0z" fill="none"/> </svg></div> </div> <div notification="warning" style="display: none;" class="warning" role="alert" > <svg class="svg-icon" data-icon="info" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M11 17h2v-6h-2v6zm1-15C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zM11 9h2V7h-2v2z"/> </svg> <span></span><div class="dismiss"><svg class="svg-icon" data-icon="close" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/> <path d="M0 0h24v24H0z" fill="none"/> </svg></div> </div> <div notification="error" style="display: none;" class="neg" role="alert" > <svg class="svg-icon" data-icon="danger" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M15.73 3H8.27L3 8.27v7.46L8.27 21h7.46L21 15.73V8.27L15.73 3zM12 17.3c-.72 0-1.3-.58-1.3-1.3 0-.72.58-1.3 1.3-1.3.72 0 1.3.58 1.3 1.3 0 .72-.58 1.3-1.3 1.3zm1-4.3h-2V7h2v6z"/> <path d="M0 0h24v24H0z" fill="none"/> </svg> <span></span><div class="dismiss"><svg class="svg-icon" data-icon="close" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/> <path d="M0 0h24v24H0z" fill="none"/> </svg></div> </div> <header id="header" component="header-mobile-toggle" class="primary-background"> <div class="grid mx-l"> <div> <a href="https://helpgm.webcasts.com" class="logo"> <img class="logo-image" src="https://helpgm.webcasts.com/uploads/images/system/2024-01/dhOGY9V4goJPXXFu-gm-icon.png" alt="Logo"> <span class="logo-text">GlobalMeet Support Center</span> </a> <button type="button" refs="header-mobile-toggle@toggle" title="Expand Header Menu" aria-expanded="false" class="mobile-menu-toggle hide-over-l"><svg class="svg-icon" data-icon="more" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"/> </svg></button> </div> <div class="flex-container-row justify-center hide-under-l"> <form action="https://helpgm.webcasts.com/search" method="GET" class="search-box" role="search"> <button id="header-search-box-button" type="submit" aria-label="Search" tabindex="-1"><svg class="svg-icon" data-icon="search" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/> <path d="M0 0h24v24H0z" fill="none"/> </svg> </button> <input id="header-search-box-input" type="text" name="term" aria-label="Search" placeholder="Search" value=""> </form> </div> <div class="text-right"> <nav refs="header-mobile-toggle@menu" class="header-links"> <div class="links text-center"> <a class="hide-over-l" href="https://helpgm.webcasts.com/search"><svg class="svg-icon" data-icon="search" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/> <path d="M0 0h24v24H0z" fill="none"/> </svg>Search</a> <a href="https://helpgm.webcasts.com/shelves"><svg class="svg-icon" data-icon="bookshelf" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path d="M1.088 2.566h17.42v17.42H1.088z" fill="none"/><path d="M4 20.058h15.892V22H4z"/><path d="M2.902 1.477h17.42v17.42H2.903z" fill="none"/><g><path d="M6.658 3.643V18h-2.38V3.643zM11.326 3.643V18H8.947V3.643zM14.722 3.856l5.613 13.214-2.19.93-5.613-13.214z"/></g></svg>Shelves</a> <a href="https://helpgm.webcasts.com/books"><svg class="svg-icon" data-icon="books" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path d="M19.252 1.708H8.663a1.77 1.77 0 0 0-1.765 1.764v14.12c0 .97.794 1.764 1.765 1.764h10.59a1.77 1.77 0 0 0 1.764-1.765V3.472a1.77 1.77 0 0 0-1.765-1.764zM8.663 3.472h4.412v7.06L10.87 9.208l-2.206 1.324z"/><path d="M30.61 3.203h24v24h-24z" fill="none"/><path d="M2.966 6.61v14c0 1.1.9 2 2 2h14v-2h-14v-14z"/></svg>Books</a> <a href="https://helpgm.webcasts.com/login"><svg class="svg-icon" data-icon="login" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M21 3.01H3c-1.1 0-2 .9-2 2V9h2V4.99h18v14.03H3V15H1v4.01c0 1.1.9 1.98 2 1.98h18c1.1 0 2-.88 2-1.98v-14c0-1.11-.9-2-2-2zM11 16l4-4-4-4v3H1v2h10v3z"/> </svg>Log in</a> </div> </nav> </div> </div> </header> <div id="content" components="tri-layout" class="block"> <div class="tri-layout-mobile-tabs print-hidden"> <div class="grid half no-break no-gap"> <button type="button" refs="tri-layout@tab" data-tab="info" aria-label="Tab: Show Secondary Information" class="tri-layout-mobile-tab px-m py-m text-primary"> Info </button> <button type="button" refs="tri-layout@tab" data-tab="content" aria-label="Tab: Show Primary Content" aria-selected="true" class="tri-layout-mobile-tab px-m py-m text-primary active"> Content </button> </div> </div> <div refs="tri-layout@container" class="tri-layout-container" > <div class="tri-layout-left print-hidden pt-m" id="sidebar"> <aside class="tri-layout-left-contents"> <section> <div class="tag-item primary-background-light" data-name="Webcast" data-value=""> <div class="tag-name "><a href="https://helpgm.webcasts.com/search?term=%5BWebcast%5D"><svg class="svg-icon" data-icon="tag" role="presentation" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M21.41,11.41l-8.83-8.83C12.21,2.21,11.7,2,11.17,2H4C2.9,2,2,2.9,2,4v7.17c0,0.53,0.21,1.04,0.59,1.41l8.83,8.83 c0.78,0.78,2.05,0.78,2.83,0l7.17-7.17C22.2,13.46,22.2,12.2,21.41,11.41z M6.5,8C5.67,8,5,7.33,5,6.5S5.67,5,6.5,5S8,5.67,8,6.5 S7.33,8,6.5,8z"/></svg>Webcast</a></div> </div> </section> <nav id="book-tree" class="book-tree mb-xl" aria-label="Book Navigation"> <h5>Book Navigation</h5> <ul class="sidebar-page-list mt-xs menu entity-list"> <li class="list-item-book book"> <a href="https://helpgm.webcasts.com/books/branding-customization" class="book entity-list-item" data-entity-type="book" data-entity-id="8"> <span role="presentation" class="icon text-book"><svg class="svg-icon" data-icon="book" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M18 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM6 4h5v8l-2.5-1.5L6 12V4z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Branding & Customization</h4> </div> </a> </li> <li class="list-item-page page "> <a href="https://helpgm.webcasts.com/books/branding-customization/page/branding-best-practices" class="page entity-list-item" data-entity-type="page" data-entity-id="77"> <span role="presentation" class="icon text-page"><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Branding Best Practices</h4> </div> </a> </li> <li class="list-item-page page "> <a href="https://helpgm.webcasts.com/books/branding-customization/page/event-branding-customization" class="page entity-list-item" data-entity-type="page" data-entity-id="76"> <span role="presentation" class="icon text-page"><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Event Branding & Customization</h4> </div> </a> </li> <li class="list-item-page page "> <a href="https://helpgm.webcasts.com/books/branding-customization/page/portal-branding-customization" class="page entity-list-item" data-entity-type="page" data-entity-id="78"> <span role="presentation" class="icon text-page"><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Portal Branding & Customization</h4> </div> </a> </li> <li class="list-item-chapter chapter "> <a href="https://helpgm.webcasts.com/books/branding-customization/chapter/branding-examples" class="chapter entity-list-item" data-entity-type="chapter" data-entity-id="9"> <span role="presentation" class="icon text-chapter"><svg class="svg-icon" data-icon="chapter" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm16-4H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-1 9H9V9h10v2zm-4 4H9v-2h6v2zm4-8H9V5h10v2z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Branding Examples</h4> </div> </a> <div class="entity-list-item no-hover"> <span role="presentation" class="icon text-chapter"></span> <div class="content"> <div class="chapter-child-menu"> <button chapter-toggle type="button" aria-expanded="false" class="text-muted "> <svg class="svg-icon" data-icon="caret-right" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 17.5l5-5-5-5z"/><path d="M0 0h24v24H0z" fill="none"/></svg> <svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg> <span>4 Pages</span> </button> <ul class="sub-menu inset-list " role="menu"> <li class="list-item-page " role="presentation"> <a href="https://helpgm.webcasts.com/books/branding-customization/page/branding-examples-attendee-portals" class="page entity-list-item" data-entity-type="page" data-entity-id="84"> <span role="presentation" class="icon text-page"><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Branding Examples - Attendee Portals</h4> </div> </a> </li> <li class="list-item-page " role="presentation"> <a href="https://helpgm.webcasts.com/books/branding-customization/page/branding-examples-bar-layouts" class="page entity-list-item" data-entity-type="page" data-entity-id="91"> <span role="presentation" class="icon text-page"><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Branding Examples - Bar Layouts</h4> </div> </a> </li> <li class="list-item-page " role="presentation"> <a href="https://helpgm.webcasts.com/books/branding-customization/page/branding-examples-open-layouts" class="page entity-list-item" data-entity-type="page" data-entity-id="85"> <span role="presentation" class="icon text-page"><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Branding Examples - Open Layouts</h4> </div> </a> </li> <li class="list-item-page " role="presentation"> <a href="https://helpgm.webcasts.com/books/branding-customization/page/gold-standard-event-templates" class="page entity-list-item" data-entity-type="page" data-entity-id="327"> <span role="presentation" class="icon text-page"><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Gold Standard Event Templates</h4> </div> </a> </li> </ul> </div> </div> </div> </li> <li class="list-item-chapter chapter "> <a href="https://helpgm.webcasts.com/books/branding-customization/chapter/event-branding" class="chapter entity-list-item" data-entity-type="chapter" data-entity-id="10"> <span role="presentation" class="icon text-chapter"><svg class="svg-icon" data-icon="chapter" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm16-4H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-1 9H9V9h10v2zm-4 4H9v-2h6v2zm4-8H9V5h10v2z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Event Branding</h4> </div> </a> <div class="entity-list-item no-hover"> <span role="presentation" class="icon text-chapter"></span> <div class="content"> <div class="chapter-child-menu"> <button chapter-toggle type="button" aria-expanded="true" class="text-muted open "> <svg class="svg-icon" data-icon="caret-right" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 17.5l5-5-5-5z"/><path d="M0 0h24v24H0z" fill="none"/></svg> <svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg> <span>13 Pages</span> </button> <ul class="sub-menu inset-list open " style="display: block;" role="menu"> <li class="list-item-page " role="presentation"> <a href="https://helpgm.webcasts.com/books/branding-customization/page/add-social-sharing-to-the-registration-page" class="page entity-list-item" data-entity-type="page" data-entity-id="93"> <span role="presentation" class="icon text-page"><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Add social sharing to the registration page</h4> </div> </a> </li> <li class="list-item-page " role="presentation"> <a href="https://helpgm.webcasts.com/books/branding-customization/page/add-sponsor-logos-to-the-event-window" class="page entity-list-item" data-entity-type="page" data-entity-id="94"> <span role="presentation" class="icon text-page"><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Add sponsor logos to the event window</h4> </div> </a> </li> <li class="list-item-page " role="presentation"> <a href="https://helpgm.webcasts.com/books/branding-customization/page/add-text-images-and-other-media-to-the-registration-page" class="page entity-list-item" data-entity-type="page" data-entity-id="95"> <span role="presentation" class="icon text-page"><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Add text, images, and other media to the registration page</h4> </div> </a> </li> <li class="list-item-page " role="presentation"> <a href="https://helpgm.webcasts.com/books/branding-customization/page/button-and-tab-color-open-layouts" class="page selected entity-list-item" data-entity-type="page" data-entity-id="96"> <span role="presentation" class="icon text-page"><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Button and tab color | Open layouts</h4> </div> </a> </li> <li class="list-item-page " role="presentation"> <a href="https://helpgm.webcasts.com/books/branding-customization/page/buttons-tabs-and-title-bar-color-bar-layouts" class="page entity-list-item" data-entity-type="page" data-entity-id="97"> <span role="presentation" class="icon text-page"><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Buttons, tabs, and title bar color | Bar layouts</h4> </div> </a> </li> <li class="list-item-page " role="presentation"> <a href="https://helpgm.webcasts.com/books/branding-customization/page/customize-landing-page-headings-links-and-buttons" class="page entity-list-item" data-entity-type="page" data-entity-id="80"> <span role="presentation" class="icon text-page"><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Customize landing page headings, links, and buttons</h4> </div> </a> </li> <li class="list-item-page " role="presentation"> <a href="https://helpgm.webcasts.com/books/branding-customization/page/customize-the-event-title-and-date-bar-layouts" class="page entity-list-item" data-entity-type="page" data-entity-id="99"> <span role="presentation" class="icon text-page"><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Customize the event title and date | Bar layouts</h4> </div> </a> </li> <li class="list-item-page " role="presentation"> <a href="https://helpgm.webcasts.com/books/branding-customization/page/customize-the-event-title-and-date-open-layouts" class="page entity-list-item" data-entity-type="page" data-entity-id="102"> <span role="presentation" class="icon text-page"><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Customize the event title and date | Open layouts</h4> </div> </a> </li> <li class="list-item-page " role="presentation"> <a href="https://helpgm.webcasts.com/books/branding-customization/page/event-player-container-and-window-backgrounds" class="page entity-list-item" data-entity-type="page" data-entity-id="81"> <span role="presentation" class="icon text-page"><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Event player container and window backgrounds</h4> </div> </a> </li> <li class="list-item-page " role="presentation"> <a href="https://helpgm.webcasts.com/books/branding-customization/page/registration-page-background-and-form-and-content-area-colors" class="page entity-list-item" data-entity-type="page" data-entity-id="82"> <span role="presentation" class="icon text-page"><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Registration page background and form and content area colors</h4> </div> </a> </li> <li class="list-item-page " role="presentation"> <a href="https://helpgm.webcasts.com/books/branding-customization/page/set-up-the-banner-and-logos" class="page entity-list-item" data-entity-type="page" data-entity-id="83"> <span role="presentation" class="icon text-page"><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Set up the banner and logos</h4> </div> </a> </li> <li class="list-item-page " role="presentation"> <a href="https://helpgm.webcasts.com/books/branding-customization/page/use-the-text-editor-to-customize-events-and-emails" class="page entity-list-item" data-entity-type="page" data-entity-id="104"> <span role="presentation" class="icon text-page"><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Use the text editor to customize events and emails</h4> </div> </a> </li> <li class="list-item-page " role="presentation"> <a href="https://helpgm.webcasts.com/books/branding-customization/page/event-player-design-refresh" class="page entity-list-item" data-entity-type="page" data-entity-id="310"> <span role="presentation" class="icon text-page"><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Event Player Design Refresh</h4> </div> </a> </li> </ul> </div> </div> </div> </li> <li class="list-item-page page "> <a href="https://helpgm.webcasts.com/books/branding-customization/page/a-guide-to-building-accessible-webcasts" class="page entity-list-item" data-entity-type="page" data-entity-id="329"> <span role="presentation" class="icon text-page"><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">A Guide to Building Accessible Webcasts</h4> </div> </a> </li> </ul> </nav> </aside> </div> <div class=" tri-layout-middle"> <div id="main-content" class="tri-layout-middle-contents"> <div class="mb-m print-hidden"> <nav class="breadcrumbs text-center" aria-label="Breadcrumb"> <a href="https://helpgm.webcasts.com/books" class="text-book icon-list-item outline-hover"> <span><svg class="svg-icon" data-icon="books" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path d="M19.252 1.708H8.663a1.77 1.77 0 0 0-1.765 1.764v14.12c0 .97.794 1.764 1.765 1.764h10.59a1.77 1.77 0 0 0 1.764-1.765V3.472a1.77 1.77 0 0 0-1.765-1.764zM8.663 3.472h4.412v7.06L10.87 9.208l-2.206 1.324z"/><path d="M30.61 3.203h24v24h-24z" fill="none"/><path d="M2.966 6.61v14c0 1.1.9 2 2 2h14v-2h-14v-14z"/></svg></span> <span>Books</span> </a> <div class="dropdown-search" components="dropdown dropdown-search" option:dropdown-search:url="/search/entity/siblings?entity_type=book&entity_id=8" option:dropdown-search:local-search-selector=".entity-list-item" > <div class="dropdown-search-toggle" refs="dropdown@toggle" aria-haspopup="true" aria-expanded="false" tabindex="0"> <div class="separator"><svg class="svg-icon" data-icon="chevron-right" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/><path d="M0 0h24v24H0z" fill="none"/></svg></div> </div> <div refs="dropdown@menu" class="dropdown-search-dropdown card" role="menu"> <div class="dropdown-search-search"> <svg class="svg-icon" data-icon="search" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/> <path d="M0 0h24v24H0z" fill="none"/> </svg> <input refs="dropdown-search@searchInput" aria-label="Search" autocomplete="off" placeholder="Search" type="text"> </div> <div refs="dropdown-search@loading"> <div class="loading-container"> <div></div> <div></div> <div></div> </div> </div> <div refs="dropdown-search@listContainer" class="dropdown-search-list px-m"></div> </div> </div> <a href="https://helpgm.webcasts.com/books/branding-customization" class="text-book icon-list-item outline-hover"> <span><svg class="svg-icon" data-icon="book" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M18 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM6 4h5v8l-2.5-1.5L6 12V4z"/> </svg></span> <span> Branding & Customization </span> </a> <div class="dropdown-search" components="dropdown dropdown-search" option:dropdown-search:url="/search/entity/siblings?entity_type=chapter&entity_id=10" option:dropdown-search:local-search-selector=".entity-list-item" > <div class="dropdown-search-toggle" refs="dropdown@toggle" aria-haspopup="true" aria-expanded="false" tabindex="0"> <div class="separator"><svg class="svg-icon" data-icon="chevron-right" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/><path d="M0 0h24v24H0z" fill="none"/></svg></div> </div> <div refs="dropdown@menu" class="dropdown-search-dropdown card" role="menu"> <div class="dropdown-search-search"> <svg class="svg-icon" data-icon="search" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/> <path d="M0 0h24v24H0z" fill="none"/> </svg> <input refs="dropdown-search@searchInput" aria-label="Search" autocomplete="off" placeholder="Search" type="text"> </div> <div refs="dropdown-search@loading"> <div class="loading-container"> <div></div> <div></div> <div></div> </div> </div> <div refs="dropdown-search@listContainer" class="dropdown-search-list px-m"></div> </div> </div> <a href="https://helpgm.webcasts.com/books/branding-customization/chapter/event-branding" class="text-chapter icon-list-item outline-hover"> <span><svg class="svg-icon" data-icon="chapter" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm16-4H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-1 9H9V9h10v2zm-4 4H9v-2h6v2zm4-8H9V5h10v2z"/> </svg></span> <span> Event Branding </span> </a> <div class="dropdown-search" components="dropdown dropdown-search" option:dropdown-search:url="/search/entity/siblings?entity_type=page&entity_id=96" option:dropdown-search:local-search-selector=".entity-list-item" > <div class="dropdown-search-toggle" refs="dropdown@toggle" aria-haspopup="true" aria-expanded="false" tabindex="0"> <div class="separator"><svg class="svg-icon" data-icon="chevron-right" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/><path d="M0 0h24v24H0z" fill="none"/></svg></div> </div> <div refs="dropdown@menu" class="dropdown-search-dropdown card" role="menu"> <div class="dropdown-search-search"> <svg class="svg-icon" data-icon="search" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/> <path d="M0 0h24v24H0z" fill="none"/> </svg> <input refs="dropdown-search@searchInput" aria-label="Search" autocomplete="off" placeholder="Search" type="text"> </div> <div refs="dropdown-search@loading"> <div class="loading-container"> <div></div> <div></div> <div></div> </div> </div> <div refs="dropdown-search@listContainer" class="dropdown-search-list px-m"></div> </div> </div> <a href="https://helpgm.webcasts.com/books/branding-customization/page/button-and-tab-color-open-layouts" class="text-page icon-list-item outline-hover"> <span><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <span> Button and tab color |... </span> </a> </nav> </div> <main class="content-wrap card"> <div class="page-content clearfix" page-display="96"> <div class="pointer-container" id="pointer"> <div class="pointer anim " > <span class="icon mr-xxs"><svg class="svg-icon" data-icon="link" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"/> </svg> <svg class="svg-icon" data-icon="include" role="presentation" style="display:none;" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 .5h24v24H0z" fill="none"/> <path d="M12 16.5l4-4h-3v-9h-2v9H8l4 4zm9-13h-6v1.99h6v14.03H3V5.49h6V3.5H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2v-14c0-1.1-.9-2-2-2z"/> </svg></span> <div class="input-group inline block"> <input readonly="readonly" type="text" id="pointer-url" placeholder="url"> <button class="button outline icon" data-clipboard-target="#pointer-url" type="button" title="Copy Link"><svg class="svg-icon" data-icon="copy" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"/> </svg></button> </div> </div> </div> <div dir="auto"> <h1 class="break-text" id="bkmrk-page-title">Button and tab color | Open layouts</h1> <div style="clear:left;"></div> <p id="bkmrk-the-highlight-color-">The highlight color sets the color of the buttons on the registration page and the primary and sidebar tabs in the event window.</p> <p id="bkmrk-note%3A%C2%A0the-text-color"><strong>Note: </strong>The text color is automatically set to white or black, to contrast with the highlight color. If you select a dark color, the text is white. If you select a light color, the text is black.</p> <p id="bkmrk-to-change-the-highli"><strong>To change the highlight color:</strong></p> <p id="bkmrk-go-to-the-player-%26-b">Go to the Player & Branding tab. Open <strong>Advanced Branding</strong> and set the Highlight Color.</p> <p id="bkmrk-this-example-shows-g">This example shows green buttons on the registration page and green tabs on the event window.</p> <p id="bkmrk-"><img src="https://helpgm.webcasts.com/uploads/images/gallery/2022-05/QNk4I8REtkxZPUi4-openlayout-regpageeventwindow-highlightcolorcallout-cropped.png" alt="OpenLayout-RegPage+EventWindow-HighlightColorCallout_cropped.png" width="900" height="769"></p> </div> </div> </main> <div id="sibling-navigation" class="grid half collapse-xs items-center mb-m px-m no-row-gap fade-in-when-active print-hidden"> <div> <a href="https://helpgm.webcasts.com/books/branding-customization/page/add-text-images-and-other-media-to-the-registration-page" class="outline-hover no-link-style block rounded"> <div class="px-m pt-xs text-muted">Previous</div> <div class="inline-block"> <div class="icon-list-item no-hover"> <span class="text-page "><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <span>Add text, images, and other media to the regi...</span> </div> </div> </a> </div> <div> <a href="https://helpgm.webcasts.com/books/branding-customization/page/buttons-tabs-and-title-bar-color-bar-layouts" class="outline-hover no-link-style block rounded text-xs-right"> <div class="px-m pt-xs text-muted text-xs-right">Next</div> <div class="inline block"> <div class="icon-list-item no-hover"> <span class="text-page "><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <span>Buttons, tabs, and title bar color | Bar layouts</span> </div> </div> </a> </div> </div> </div> </div> <div class="tri-layout-right print-hidden pt-m"> <aside class="tri-layout-right-contents"> <div id="page-details" class="entity-details mb-xl"> <h5>Details</h5> <div class="body text-small blended-links"> <div class="entity-meta"> <div> <svg class="svg-icon" data-icon="history" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M13 3c-4.97 0-9 4.03-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42C8.27 19.99 10.51 21 13 21c4.97 0 9-4.03 9-9s-4.03-9-9-9zm-1 5v5l4.28 2.54.72-1.21-3.5-2.08V8H12z"/> </svg>Revision #2 </div> <div> <svg class="svg-icon" data-icon="star" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/> <path d="M0 0h24v24H0z" fill="none"/> </svg><span title="Tue, May 3, 2022 8:43 PM">Created 2 years ago</span> </div> <div> <svg class="svg-icon" data-icon="edit" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/> <path d="M0 0h24v24H0z" fill="none"/> </svg><span title="Fri, May 27, 2022 7:10 PM">Updated 2 years ago</span> </div> </div> </div> </div> <div class="actions mb-xl"> <h5>Actions</h5> <div class="icon-list text-primary"> <hr class="primary-background"/> <div component="dropdown" class="dropdown-container" id="export-menu"> <div refs="dropdown@toggle" class="icon-list-item" aria-haspopup="true" aria-expanded="false" aria-label="Export" tabindex="0"> <span><svg class="svg-icon" data-icon="export" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"/> </svg></span> <span>Export</span> </div> <ul refs="dropdown@menu" class="wide dropdown-menu" role="menu"> <li><a href="https://helpgm.webcasts.com/books/branding-customization/page/button-and-tab-color-open-layouts/export/html" target="_blank" class="label-item"><span>Contained Web File</span><span>.html</span></a></li> <li><a href="https://helpgm.webcasts.com/books/branding-customization/page/button-and-tab-color-open-layouts/export/pdf" target="_blank" class="label-item"><span>PDF File</span><span>.pdf</span></a></li> <li><a href="https://helpgm.webcasts.com/books/branding-customization/page/button-and-tab-color-open-layouts/export/plaintext" target="_blank" class="label-item"><span>Plain Text File</span><span>.txt</span></a></li> <li><a href="https://helpgm.webcasts.com/books/branding-customization/page/button-and-tab-color-open-layouts/export/markdown" target="_blank" class="label-item"><span>Markdown File</span><span>.md</span></a></li> </ul> </div> </div> </div> </aside> </div> </div> </div> <footer> <a href="https://helpgm.webcasts.com/books/contact-support" target="_blank" rel="noopener">Contact Support</a> <a href="https://webcasts.typeform.com/to/gYKX1z" target="_blank" rel="noopener">Send Us Your Feedback</a> </footer> <div back-to-top class="primary-background print-hidden"> <div class="inner"> <svg class="svg-icon" data-icon="chevron-up" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"/> <path d="M0 0h24v24H0z" fill="none"/> </svg> <span>Back to top</span> </div> </div> <script src="https://helpgm.webcasts.com/dist/app.js?version=v22.04.1" nonce="LWsLD8GiELh89Ri96R0QYOV3"></script> </body> </html>

CINXE.COM

Button and tab color |... | GlobalMeet Support Center