/* * These styles apply ONLY to the header and footer assets. */ } body:hover { color: #0276b3; } * { padding: 0; margin: 0; box-sizing: border-box; } .footer { background: #f5f5f6; color: #555a62; font-size: 14px; line-height: 1.5; padding: 18px 0; } .footer-wrap { padding-left: 18px; padding-right: 18px; max-width: 1236px; margin: 0 auto; } .footer a { color: #0291db; } .footer a:hover { color: #0276b3; } .footer-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: -3px; } .footer-col { padding: 0 3px; } .footer-col-copyRight { justify-content: flex-start; } .footer-col-logo { justify-content: flex-end; } .footer-col-copyRight, .footer-col-logo { flex: 1; display: flex; } .logo { width: 120px; height: 28px; opacity: 0.6; } @media screen and (max-width: 768px) { .footer-row { display: block; } .footer-col { width: 100%; text-align: center; margin: 6px 0; } .footer-col:first-child { margin-top: 0; } .footer-col:last-child { margin-bottom: 0; } .footer-col-copyRight, .footer-col-logo { justify-content: center; } .logo { margin: 0 auto; } } /*# sourceMappingURL=styles.css.map */ /* * These styles apply ONLY to the header and footer assets. */ * { padding: 0; margin: 0; box-sizing: border-box; } .footer { background: #f5f5f6; color: #555a62; font-size: 14px; line-height: 1.5; padding: 18px 0; } .footer-wrap { padding-left: 18px; padding-right: 18px; max-width: 1236px; margin: 0 auto; } .footer a { color: #0291db; } .footer a:hover { color: #0276b3; } .footer-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: -3px; } .footer-col { padding: 0 3px; } .footer-col-copyRight { justify-content: flex-start; } .footer-col-logo { justify-content: flex-end; } .footer-col-copyRight, .footer-col-logo { flex: 1; display: flex; } .logo { width: 120px; height: 28px; opacity: 0.6; } @media screen and (max-width: 768px) { .footer-row { display: block; } .footer-col { width: 100%; text-align: center; margin: 6px 0; } .footer-col:first-child { margin-top: 0; } .footer-col:last-child { margin-bottom: 0; } .footer-col-copyRight, .footer-col-logo { justify-content: center; } .logo { margin: 0 auto; } } /*# sourceMappingURL=styles.css.map */ .Panel{ width:250px } .MainContent.Content{ width:calc(100% - 290px); } .Box.Tags{ display:none; } #vanilla_discussion_embed .mcrow{ display:none; } @media screen and (max-width:992px){ .Panel,.MainContent.Content { width:100%!important } } @media only screen and (max-width:700px){ .MainContent center img { width:100% } } .CategoryHeading .ItemContent{ font-size:28px } .Item .TitleWrap .Title { font-size:20px !important; } .Meta-Discussion{ background:#f7f7f7; border:1px solid #efefef; padding:5px; margin:0 } .Header-desktopNav .Navigation-linkContainer a{ font-family:barlow; font-size:16px } .Header-desktopNav .Navigation-linkContainer a:active,.Header-desktopNav .Navigation-linkContainer a:focus,.Header-desktopNav .Navigation-linkContainer a:hover{ background:#231f20; } .Header .MeButton:active,.Header .MeButton:focus,.Header .MeButton:hover{ background-color:#231f20; } .ButtonGroup.Multi>.Button:first-child{ border-radius:0 } .BoxFilter,.BoxCategories{ background:#fff; padding:5px; border:1px solid #ccc; border-radius:10px; margin:20px 0 } .BoxFilter-Heading,.Panel .BoxCategories>h4{ width:auto; padding:5px 10px 10px; margin:0 -5px; border-bottom:1px solid #ccc; border-radius:0; font-family:barlow,sans-serif; } .side-promo{ margin:20px 0; width:100%; text-align:center; } .build-submit-tile,.build-showcase-tile{ margin-top:20px; border:2px solid #d9e7f4; border-radius:10px; background:#fff; padding:15px } .build-showcase-tile-link{ border:1px solid #e2e2e2; background:#f5f5f5; display:block; font-size:16px; text-align:center; padding:5px 10px } .build-submit-tile hr{ border:0; height:0; border-top:1px solid rgba(0,0,0,.1); border-bottom:1px solid rgba(255,255,255,.3); margin:20px 0 15px } .build-submit-tile h4,.build-showcase-tile h4{ color:#353535; line-height:1 } .build-showcase-tile h4{ color:#24883e } .build-submit-tile p,.build-showcase-tile p{ font-weight:600; color:#797676; margin:10px 5px } .build-submit-tile a{ border:1px solid #135d93; padding:5px 10px; width:90%; margin:0 auto; text-align:center; display:block } .build-showcase-tile a:first-child{ } .BoxCategories-Heading a{ font-size:18px } .BoxCategories.BoxCategories ul.FilterMenu li .ItemLink.appointment-btn{ width:92%; padding:5px 10px; margin:10px auto 15px; border-radius:0; display:block; background:#135d93; color:#fff; text-align:center; } .BoxCategories ul{ margin:0 5px } body.Section-Profile .Panel-main .PhotoWrapLarge{ margin-bottom:0 } .Panel{ padding:10px; background:#eee; } .Header{ background-color:#3a3738; } .Header-logo img{ max-height:35px; padding-right:20px } h4{ font-size:24px } .Panel-main h2,.Panel-main h4{ font-size:20px } .Panel h4{ padding:0 } .CategoryHeading,.Item .TitleWrap,.Item .Title,.heading,h1,h2,h3,h4,h5,h6{ font-family:barlow,sans-serif; font-weight:500!important } .DataList .Item .Title,.DataList .MItem a,.BoxCategories.BoxCategories a,.BoxFilter:not(.BoxBestOfFilter) a{ color:#135d93; } .BoxButtons .Button.Primary{ background:#135d93; } .Number{ color:#c74800; } .CategoryHeading,.Item .Title,.Item.Read .Title,.CategoryName h2,.Item .TitleWrap,[aria-level="3"] a{ color:#172b44 } .DataList.CategoryList .CategoryHeading{ padding-top:20px!important } .DataList.CategoryList .CategoryHeading:first-child{ padding-top:0!important } .DataList .CategoryHeading{ font-size:24px } .BoxButtons .Button.Primary,.groupToolbar .Button.Primary{ background:#135d93; border:0; color:#fff } .ButtonGroup.Multi .Button.Handle,.ButtonGroup.Multi.Open .Button.Handle{ background-color:transparent; color:#fff; border:0; border-radius:0 } .Pager .QuickSearchButton,.Pager .QuickSearchWrap .Button{ background:#b3d4fc; border:1px solid #b3d4fc; color:#000; } .build-submit-tile{ border:2px solid #d9e7f4; border-radius:10px; background:#fff; padding:10px 10px 20px } .build-submit-tile hr{ border:0; height:0; border-top:1px solid rgba(0,0,0,.1); border-bottom:1px solid rgba(255,255,255,.3); margin:20px 0 15px } .build-submit-tile h3{ font-size:20px; color:#ca500f; line-height:1 } .build-submit-tile p{ font-weight:600; color:#797676; margin:10px 5px } .build-submit-tile a{ border:1px solid #135d93; padding:5px 10px; width:90%; margin:0 auto; text-align:center; display:block; } .builds-keywords{ border-radius:0 0 8px 8px; margin:-15px; margin-top:15px; background:#efefef; padding:10px 15px 14px; border-top:1px solid #d9e7f4 } .builds-keywords h5{ margin-bottom:7px } .builds-keywords a{ border:0; display:block; padding:2px 5px; width:89%; background:#757575; color:#fff; margin:2px auto; text-align:center; } .builds-keywords a:hover{ background:#135d93; color:#fff; } .BuildPromo-container{ padding:10px; margin-top:20px; border:1px solid #ccc; background:#dadada; } .BuildPromo-container h2{ font-size:24px; color:#983b0a; } .BuildPromo-container h3{ font-size:20px; margin-bottom:10px; color:#525252; } .BuildPromo-container p{ font-weight:700; margin-bottom:20px; text-align:center; color:#0f670b; font-size:14px } .BuildPromo-container a{ font-weight:600; display:block; padding:5px 10px; width:80%; margin:0 auto; text-align:center; color:#135d93; border:1px solid #135d93 } .Panel .UserBox{ background:#fff; padding:10px; border-radius:10px 10px 0 0; border:1px solid #ccc; border-bottom:0 } .Panel .UserBox+.SideMenu{ margin-top:0; border:1px solid #ccc; background:#fff; padding:10px; border-radius:0 0 10px 10px } .Panel .UserBox+.SideMenu li a{ color:#135d93; } a,a:focus,a:hover{ color:#215cbb; } a{ text-decoration:none; color:#215cbb; } .Header-logo.mobile img{ max-height:35px; padding-right:20px } .Header.mobile{ background-color:#666; } .Message.userContent img{ height:auto; max-width:600px; display:block; } .Header-logo img{ max-height:32px } .mcrow{ display:flex; align-items:flex-end; } a.mclogo{ margin: 10px 0; display:block; height:auto; } .mclogo img{ display:block; } ul.mc-menu{ width:100%; margin:auto 0; display:flex; list-style: none; } ul.mc-menu a{ font-size:16px; font-family:barlow; font-weight:500; color:#135d93; } ul.mc-menu li.menu-item a:hover{ color:#0291db; } ul.mc-menu li{ margin-left:15px } ul.mc-menu li.menu-item.menu-computers{ margin-left:auto; } @media only screen and (max-width:700px){ ul.mc-menu li.menu-item.menu-computers { display:none; } } @media only screen and (max-width:480px){ .menu-computer-parts { display:none; } ul.mc-menu li.menu-diy{ margin-left: 7px; } ul.mc-menu li.menu-custom-pc-builder{ margin-left: 7px; } } @media only screen and (max-width:700px){ .Message.userContent img { max-width:calc(100% - 10px); } }

Knowledge Base

How to set up iMessage on a Mac and sync with Other Devices

This article will show you how to set up iMessage or the Messages App, the text-messaging application on Mac to sync up with other Apple devices.

1. Launch Messages from the dock or applications folder.

2. Enter your Apple ID email address and password and choose Next.

3. Select Messages in the Menu bar and then select Preferences.

4. Select the Accounts tab and then select the iMessage account name.

5. Select the check box next to Enable Messages on iCloud.

6. Choose the Sync Now button to complete this process.