/* * 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 Redeem iTunes Gift Cards, Apple Music Cards or a Download Code on Mac OS

This article will show you how to redeem the codes on your iTunes gift cards, Apple Music cards or download code through the app store on Mac OS.

1. Open the App Store.

2. Click on your Apple ID at the bottom left corner of the App Store Window. If you are not logged in, click on Sign In in the same location.

3. On the Account page, click on Redeem Gift Card.

4. Enter the code to redeem your card or download. If your code has a box around it, you may also click on the Use Camera here for the built-in camera to quickly scan it to redeem the code.

Once you have the code, click on Redeem and it will be applied to your Apple account.